Уроки Angular 7 - NgStyle,NgClass. Динамическая стилизация компонентов
HTML-код
- Опубликовано: 8 дек 2024
- Мы продолжаем курс angular уроки для начинающих. В этом видео мы рассмотрим подробно что такое динамическая стилизация компонентов. Рассмотрим на практике директивы ngstyle и ngclass. Angular основные возможности в стилизации компонентов, все просто, главное понять начинающему в Angular сам принцип работы javascript фреймворка.
Спасибо большое за урок, не мог ли ты как нибудь записать курс как сделать полноценный сайт (простенький, с табами, слайдером и т п) с использованием фреймворка материала для 7 ангуляра. Давно намериваюсь этим заняться, но все время заступираваюсь на разного рода моментах. Если есть возможность полный разбор, начиная с подготовки среды для разработки и собственно сам процесс создания приложения с использованием фреймворков, методов работы с ними, рекомендациями. Буду очень признателен, спасибо.
Да, снимите пожалуйста, урок по созданию сайта на ангуляре. Желательно с использованием сервисов и обращением к базе данных
Большое спасибо тебе за уроки !
Начало 7:09
Сделай пж урок по созданию spa в ангуляре))))
Одни из лучшых уроков)))
пожалуйста если возможно делайте видео про декораторы @Input & @Output немножко подробнее. А в целом классные уроки.
Спасибо! Немного позже
Назвал visibility, а использовал display - путаница. Мог использовать в CSS visibility: hidden visibility: visible
NG8002: Can't bind to 'ngСlass' since it isn't a known property
of 'button
1)почему в функции toggle(), мы обращаемся this.visibility (а не просто visibility),
2)и что тогда такое this, это обьект, в котором хранятся данные класса DateComponent?
3) что будет, если обратиться просто через visibility? упадет ошибка, что переменная внутри функции не определена?
Потому что переменная принадлежит классу а не методу. this - это данный класс (DateComponent)
Для понимания этого нужно копать не в Angular, а в JavaScript ES6
Подскажи пожалуйста название плагина для цветов который стоит у тебя
Web Developer Blog может хоть вы ответите на мой вопрос. Как реализовать в angular динамическое изменение размера шрифта вот пример тега {{item}} Переменная fontSize при изменение ползунка инкерментируется на +1. Class wordsFontClass имеет вид .wordsFontClass{
font-size:10px;
}
Очень печально, что не показали добавление/удаление классов по условию. Например, подсветить число красным, если оно отрицательное. Т.е. повесить класс с color: red на строку. Где проверять, как проверять... Непонятно. ngIf - без проблем, ngClass - без проблем. Как объединить их - проблема.
Ок, в практическом курсе когда буду делать учту
@@SuprunAlexey спасибо
Давай уже про ангуляр 7 мб?
Да там тоже самое все, просто ускорили и добавили пару модулей) ну и конечно с ангуляр материал поработали)
@@SuprunAlexey с ангуляр материал уже интересно))
+
А как заменить текст Toggle на Toggled в кнопке?
if(this.btnText === 'Toggle') {
this.btnText = 'Toggled';
} else {
this.btnText = 'Toggle';
}
Нашол- норм?
display:none , не очень удачный пример... как бы намекает ngIf
а для чего вообще нужен angular?
Для создания вэб приложений) впрочем любой ответ подойдёт который отвечает, для чего нужна веб разработка
@@DrTopk никто не сказал что его нужно везде использовать. Если тебе нужно лендинг какйнить понятно что не нужен для этого ангуляр, для комплексных вэб приложений нужен
@@SuperSlippa ну это понятно уж. А ты его много где используешь?
@@DrTopk абсолютно везде) я только с ним и работаю. Все наши проекты в фирме на ангуляре))
@@SuperSlippa да? ангуляр головного мозга?) а можно пару ссылок? посмотреть приложение
поскромнее с рекламой нужно быть. Невозможно смотреть!