Angular. Интерполяция, байндинг и двустороннее связывание. Binding angular / NgModel

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024

ความคิดเห็น • 44

  • @grommaks
    @grommaks  2 ปีที่แล้ว +3

    Привет всем) Это второе видео из плейлиста по компонентам Angular
    Если Вы не смотрели первый плейлист, по введению в Angular и настройке окружения, то рекомендую посмотреть
    th-cam.com/video/IrelRVjIttA/w-d-xo.html
    Приятного просмотра, скоро будут еще выпуски)

  • @alexforos5425
    @alexforos5425 2 ปีที่แล้ว +1

    Super!

  • @ВадимЗубаиров-п2м
    @ВадимЗубаиров-п2м 2 ปีที่แล้ว +1

    👍

  • @bohdanmarchenko
    @bohdanmarchenko 7 หลายเดือนก่อน +1

    Отличные уроки! Жалею, что не попались раньше)

  • @Дима-ч3у3х
    @Дима-ч3у3х 2 ปีที่แล้ว +2

    Двустороннее связывание хорошо, но что делать, когда нужно запретить ввод невалидных данных?

    • @grommaks
      @grommaks  2 ปีที่แล้ว +1

      Прям запретить запретить или подсветить?)
      Чтобы подсветить я буду рассказывать в теме по созданию форм в angular
      Чтобы запретить запретить, то тут делаем метод для обработки значений (разбиваем двустороннее связывание на метод и привязку) и в методе убираем все что нельзя вводить и сохраняем результат после обработки и в инпут не попадет ничего лишнего

    • @Дима-ч3у3х
      @Дима-ч3у3х 2 ปีที่แล้ว +1

      @@grommaks все понял, спасибо!

  • @ilgul9177
    @ilgul9177 2 ปีที่แล้ว +6

    Отличное видео, которое за короткое время разъясняет типичные задачи, которые можно реализовать в кротчайшие сроки.

  • @js2626
    @js2626 2 ปีที่แล้ว +1

    Angular topchik)) Thanks!

  • @Brinzovik
    @Brinzovik 2 ปีที่แล้ว +2

    Здорово, спасибо!
    интерполяция, баиндинг, двустороннее связывание ангуляр NgModel

  • @tox1cozZ
    @tox1cozZ 2 ปีที่แล้ว +3

    Благодарочка! Все отлично понятно!

  • @MrVIPKent
    @MrVIPKent ปีที่แล้ว +1

    Один з найкращих каналів по Angular + використовується Angular 13

  • @denniskatilov5891
    @denniskatilov5891 2 ปีที่แล้ว +1

    спасибо. продолжай

  • @murakami374
    @murakami374 2 ปีที่แล้ว +1

    а если я только начал изучать ангулар и мне что то сложно понимать, это нормально или просто программирование это не мое?)

    • @grommaks
      @grommaks  2 ปีที่แล้ว

      Ну если уже JavaScript на нормальном уровне, ещё typescript изучен, то должно быть терпимо, не так чтобы совсем просто

  • @AlexanderBogdanov-dw6cw
    @AlexanderBogdanov-dw6cw ปีที่แล้ว +1

    Спасибо, отличное объяснение angular. Супер просто!

  • @awesomeuser789
    @awesomeuser789 2 ปีที่แล้ว +2

    Супер. Пришел к тому, что ставлю лайк и коммент ДО просмотра видоса. Только вперед)!!!

  • @KolkhozDnepr
    @KolkhozDnepr 2 ปีที่แล้ว +1

    тут нежданчик произошел - написало мне при работе с NgModel и формами реактивными -
    Использование с ngModel устарело
    Поддержка использования ngModelсвойства input и ngModelChangeсобытия с директивами реактивной формы устарела в Angular v6 и планируется удалить в будущей версии Angular.

    • @KolkhozDnepr
      @KolkhozDnepr 2 ปีที่แล้ว +1

      а как тогда правильно использовать не подскажешь случайно?

    • @grommaks
      @grommaks  2 ปีที่แล้ว +2

      @@KolkhozDnepr Подскажу, в видео об реактивных формах.
      Не нужно использовать ngModel с реактивными формами)
      Там же огромное количество возможностей и без ngModel в реактивных формах
      Но для простой формы вариант удобный и быстрый

    • @KolkhozDnepr
      @KolkhozDnepr 2 ปีที่แล้ว +1

      Принял, спасибо, будем ждать видео))

  • @slavkapiyavka
    @slavkapiyavka 2 ปีที่แล้ว +1

    Спасибо! Это очень полезно.
    Я так понимаю ngmodel используется для простых форм, для сложных, реактивных же нужно использовать rxjs?

    • @grommaks
      @grommaks  2 ปีที่แล้ว +1

      Для сложных используется FormControl, FormGroup, FormArray
      Тема для отдельного плейлиста, но очень мощное решение ангулар

    • @slavkapiyavka
      @slavkapiyavka 2 ปีที่แล้ว

      @@grommaks понел. это круто что в angular всё это есть из коробки

  • @ivancherkas2011
    @ivancherkas2011 2 ปีที่แล้ว +2

    Добрый день. Я вот иногда смотрю различные видео по фронтенд разработке и почти все время слышу нечто вроде "это spec файлы они для тестирования но мы их разбирать не будем". Может сделать какой-то туториал по написанию тех же самых юнитестов? Просто даже среди моих друзей не так уж и много тех кто может здраво писать тесты для своих приложений. Они их конечно пишут, но без особого энтузиазма.)

    • @grommaks
      @grommaks  2 ปีที่แล้ว +1

      В серии плейлистов планирую сделать плейлист по тестам) спасибо за комментарий

  • @kkrasovski
    @kkrasovski 2 ปีที่แล้ว +2

    Спасибо, ещё 1 урок помог разложить всё по полочкам в голове.

  • @serdotsenko
    @serdotsenko 2 ปีที่แล้ว +2

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

    • @grommaks
      @grommaks  2 ปีที่แล้ว +1

      Спасибо и за коммент и за донат)
      Ветки нужны, чтобы когда ребята заходят из поиска ютуба, они могли накатить максимально стандартный Angular и начать работать с любым уроком если он явно не связан с прошлым.
      Выходит все уроки связаны с веткой start и делают свой набор кода)
      Если будет связь уроков друг с другом, то и ветки будут друг от друга) и в названии будет признак номера части
      Из опыта, в плейлисте из 10-12 видео может одно видео стать топом по поиску, и нужно облегчить переход на начало плейлиста, а не спугнуть)

    • @serdotsenko
      @serdotsenko 2 ปีที่แล้ว +1

      @@grommaks Ангуляр это не та технология с которой нужно начинать ) это для продолжающих уже )

    • @grommaks
      @grommaks  2 ปีที่แล้ว +2

      @@serdotsenko В любом случае) не все приходят на начало плейлиста) даже продолжающие
      Очень много разработчиков знаю которые с ангулара начинают) им конечно больно) но некоторые выживают и преуспевают

    • @user-san-chous
      @user-san-chous 2 ปีที่แล้ว +1

      @@grommaks моя первая работа тоже с Ангуляра началась) Хотя до этого учил реакт и вью. Так что таким как я в начале пути эти уроки очень пригодятся))

  • @AndreyDelay
    @AndreyDelay 2 ปีที่แล้ว +2

    Большое спасибо за видео!

  • @vichislav_tv
    @vichislav_tv 2 ปีที่แล้ว +2

    прекрасная подача! исчерпывающи

  • @njsaab9722
    @njsaab9722 ปีที่แล้ว +1

    максимально доступно, все по полочкам, спасибо большое

  • @rockyshwilly
    @rockyshwilly ปีที่แล้ว

    Спаисбо!

  • @serdotsenko
    @serdotsenko 2 ปีที่แล้ว +2

    из пожеланий на будущее, если будет время сделай пж-та обзор ВСЕХ git-команд в webStorm'e которые можно вызвать через GUI, желательно показывать/объяснять зачем это нужно и чему это приводит, т.к. пользуюсь в повседневной работе, только камит и пуш, а оч. хочется понимать зачем там это всё остальное )))

    • @grommaks
      @grommaks  2 ปีที่แล้ว +1

      Думал делать полноценный курс по GIT, с нормальным звуком)
      Но первый плейлист на канале у меня по гиту, с плохим звуком.
      Там есть видео по шторму и гиту)
      Это то как я с ним работал 2 года назад и снимал я плейлист для своего колеги который постоянно делал не так новую ветку))

    • @serdotsenko
      @serdotsenko 2 ปีที่แล้ว +1

      @@grommaks курсов по гиту, без объяснений в IDE, хватает. нету полного git в webStorm'е

  • @maksmaksim4803
    @maksmaksim4803 2 ปีที่แล้ว +1

    Спасибо, классный урок.

  • @ilyaprotsenko1023
    @ilyaprotsenko1023 2 ปีที่แล้ว +1

    Автор, спасибо тебе огромное!

  • @antonkuzmenko6738
    @antonkuzmenko6738 2 ปีที่แล้ว +1

    Максим, большое спасибо за твои видео! Все просто понятно и доступно!

    • @grommaks
      @grommaks  2 ปีที่แล้ว

      Спасибо за отзыв, надеюсь скоро продолжить работу над плейлистами

  • @leonidsimakov859
    @leonidsimakov859 2 ปีที่แล้ว +1

    Спасибо!