Уроки Angular 7 - NgStyle,NgClass. Динамическая стилизация компонентов

Поделиться
HTML-код
  • Опубликовано: 8 дек 2024

Комментарии • 34

  • @Olexiymarchenko
    @Olexiymarchenko 5 лет назад

    Большое спасибо тебе за уроки !

  • @denismelnikov
    @denismelnikov 6 лет назад +8

    Спасибо большое за урок, не мог ли ты как нибудь записать курс как сделать полноценный сайт (простенький, с табами, слайдером и т п) с использованием фреймворка материала для 7 ангуляра. Давно намериваюсь этим заняться, но все время заступираваюсь на разного рода моментах. Если есть возможность полный разбор, начиная с подготовки среды для разработки и собственно сам процесс создания приложения с использованием фреймворков, методов работы с ними, рекомендациями. Буду очень признателен, спасибо.

  • @Сергей-у6и7б
    @Сергей-у6и7б 6 лет назад +4

    Да, снимите пожалуйста, урок по созданию сайта на ангуляре. Желательно с использованием сервисов и обращением к базе данных

  • @_butter_bean
    @_butter_bean 5 лет назад +1

    Сделай пж урок по созданию spa в ангуляре))))
    Одни из лучшых уроков)))

  • @ADA-yl3dm
    @ADA-yl3dm 6 месяцев назад

    NG8002: Can't bind to 'ngСlass' since it isn't a known property
    of 'button

  • @Leon-hm5tk
    @Leon-hm5tk 5 лет назад

    пожалуйста если возможно делайте видео про декораторы @Input & @Output немножко подробнее. А в целом классные уроки.

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад

      Спасибо! Немного позже

  • @olexiy7222
    @olexiy7222 5 лет назад

    Подскажи пожалуйста название плагина для цветов который стоит у тебя

  • @Drak0sha13
    @Drak0sha13 Год назад

    Начало 7:09

  • @save_the_UOC
    @save_the_UOC 5 лет назад +2

    Назвал visibility, а использовал display - путаница. Мог использовать в CSS visibility: hidden visibility: visible

  • @Fioletka_YT
    @Fioletka_YT 4 года назад

    Web Developer Blog может хоть вы ответите на мой вопрос. Как реализовать в angular динамическое изменение размера шрифта вот пример тега {{item}} Переменная fontSize при изменение ползунка инкерментируется на +1. Class wordsFontClass имеет вид .wordsFontClass{
    font-size:10px;
    }

  • @neuroberrie
    @neuroberrie 6 лет назад

    1)почему в функции toggle(), мы обращаемся this.visibility (а не просто visibility),
    2)и что тогда такое this, это обьект, в котором хранятся данные класса DateComponent?
    3) что будет, если обратиться просто через visibility? упадет ошибка, что переменная внутри функции не определена?

    • @HeraseemAndMumu
      @HeraseemAndMumu 5 лет назад

      Потому что переменная принадлежит классу а не методу. this - это данный класс (DateComponent)

    • @save_the_UOC
      @save_the_UOC 5 лет назад +3

      Для понимания этого нужно копать не в Angular, а в JavaScript ES6

  • @Ooshka
    @Ooshka 6 лет назад

    Давай уже про ангуляр 7 мб?

    • @SuprunAlexey
      @SuprunAlexey  6 лет назад

      Да там тоже самое все, просто ускорили и добавили пару модулей) ну и конечно с ангуляр материал поработали)

    • @vudda_0
      @vudda_0 6 лет назад

      @@SuprunAlexey с ангуляр материал уже интересно))

  • @1Virkom
    @1Virkom 5 лет назад

    Очень печально, что не показали добавление/удаление классов по условию. Например, подсветить число красным, если оно отрицательное. Т.е. повесить класс с color: red на строку. Где проверять, как проверять... Непонятно. ngIf - без проблем, ngClass - без проблем. Как объединить их - проблема.

    • @SuprunAlexey
      @SuprunAlexey  5 лет назад

      Ок, в практическом курсе когда буду делать учту

    • @1Virkom
      @1Virkom 5 лет назад

      @@SuprunAlexey спасибо

  • @nikolay501
    @nikolay501 5 лет назад

    display:none , не очень удачный пример... как бы намекает ngIf

  • @ДенисКораблёв-г1т
    @ДенисКораблёв-г1т 4 года назад

    +

  • @lounge_zone_music
    @lounge_zone_music 5 лет назад

    А как заменить текст Toggle на Toggled в кнопке?

    • @lounge_zone_music
      @lounge_zone_music 5 лет назад

      if(this.btnText === 'Toggle') {
      this.btnText = 'Toggled';
      } else {
      this.btnText = 'Toggle';
      }
      Нашол- норм?

  • @DrTopk
    @DrTopk 6 лет назад

    а для чего вообще нужен angular?

    • @SuperSlippa
      @SuperSlippa 6 лет назад

      Для создания вэб приложений) впрочем любой ответ подойдёт который отвечает, для чего нужна веб разработка

    • @SuperSlippa
      @SuperSlippa 6 лет назад

      @@DrTopk никто не сказал что его нужно везде использовать. Если тебе нужно лендинг какйнить понятно что не нужен для этого ангуляр, для комплексных вэб приложений нужен

    • @DrTopk
      @DrTopk 6 лет назад

      @@SuperSlippa ну это понятно уж. А ты его много где используешь?

    • @SuperSlippa
      @SuperSlippa 6 лет назад

      @@DrTopk абсолютно везде) я только с ним и работаю. Все наши проекты в фирме на ангуляре))

    • @DrTopk
      @DrTopk 6 лет назад

      @@SuperSlippa да? ангуляр головного мозга?) а можно пару ссылок? посмотреть приложение

  • @alexk4273
    @alexk4273 5 лет назад

    поскромнее с рекламой нужно быть. Невозможно смотреть!