Angular Directive. Аналог Mat Table. Структурная директива для передачи шаблона

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

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

  • @user-rb3sw3ku6t
    @user-rb3sw3ku6t 9 месяцев назад +1

    Ух! У меня мозги едва в узел не завязались, но всё же понял о чём шла речь. Спасибо за видео!!!

  • @user-sf7hl7fn8m
    @user-sf7hl7fn8m Год назад +1

    God bless you!!!

  • @omgSkywalkeRwtf
    @omgSkywalkeRwtf Год назад +2

    Есть идея модернизации =)
    - поиск шаблонов делать через пайп для оптимизации (кажется вызов методов в шаблоне плохая практика)
    - для всех ngFor обязателен trackBy, иначе на больших данных будут проблемы

    • @grommaks
      @grommaks  Год назад +1

      Отличные идеи💡

  • @oleksandrvoron_ko580
    @oleksandrvoron_ko580 Год назад +1

    Макс, дякую за цікаве відео!

  • @pes_Duk68
    @pes_Duk68 Год назад +1

    Спасибо, ждал это видео!)

  • @zatoprosto103
    @zatoprosto103 Год назад +1

    Спасибо за видео!

  • @user-ig1ui6hj9i
    @user-ig1ui6hj9i Год назад +1

    Спасибо за классные видео!

  • @derek_james
    @derek_james Год назад +1

    Топ контент!!!❤❤❤

  • @user-zo6mv9tc8o
    @user-zo6mv9tc8o Год назад +1

    Сделай про tab такое же видео оч интересно!

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

      Оставлю как домашняя работа :)

  • @user-san-chous
    @user-san-chous Год назад +2

    Если для цели просто изменить текст в названии колонки, то подход с директивой выглядит избыточным как-то. Можно было бы сделать это проще лишь за счет инпутов. Но если учитывать, что это темплейт и можно не просто заменить название, а использовать что угодно - уникальный html, иконку, что-то динамическое методом создавать и т.д., то тогда выглядит очень полезно.

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

      А можно сделать комбинацию инпута и передачи шаблона :)
      Не нужно ограничиваться чем то одним, все зависит от задачи

  • @andreifilimonchyk8318
    @andreifilimonchyk8318 Год назад +1

    Пушка!))))

  • @LimitlessPlayer
    @LimitlessPlayer Год назад +1

    Насколько я знаю, функцию в шаблоне лучше не использовать. Может есть вариант переписать на пайпу?

    • @grommaks
      @grommaks  Год назад +2

      Функции в шаблоне будут вызываться часто, все верно
      Чистая пайпа могла бы помочь, только я не уверен что content children создает новый объект каждый раз. при статических шаблонах пайпа решает проблему, но при динамических нужен другой вариант
      В этом видео я не учитывал этой оптимизации но замечание валидное, мне нравится 👍
      Спасибо за отзыв

    • @bukanaka
      @bukanaka Год назад +4

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

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

      @@bukanaka да, оптимизация нужна по мере надобности. Преждевременно может быть лишним

    • @bukanaka
      @bukanaka Год назад +1

      @@grommaks согласен🤝

  • @victorfilippov1950
    @victorfilippov1950 Год назад +1

    Здравствуйте, Максим. Считаю, что запись {[key: string]: any} менее читаема, чем Record. Есть ли какие-то подводные камни использования этих двух типов?

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

      Действительно, Record хорошая замена
      Я мало знаком с этим типом данных, то что прочитал, что хороший заменитель такой записи и можно указывать ключи в виде чисел
      Не знаю будет ли хорошо вести себя с any, но не думаю что будут проблемы
      Спасибо за дополнение, может воспользуюсь в следующих уроках

    • @victorfilippov1950
      @victorfilippov1950 Год назад +1

      @@grommaks Не за что! Я тоже раньше пользовался вашим способом записи. Но настал момент, когда в качестве ключей у меня появились перечисления из Enum. Именно тогда я задался вопросами оптимизаций типов. { [key in keyof typeof MyEnum]: any} превреатились в Record. Запись сократилась. С учетом того, что мы еще можем оборачивать все наши типы в Partial, Required, NotNull и тд. Такой способ сильно помог повысить читаемость

    • @grommaks
      @grommaks  Год назад +1

      @@victorfilippov1950 отличное дополнение :) спасибо еще раз

  • @AlexAlex-mq6sg
    @AlexAlex-mq6sg Год назад

    Вроде тоже самое можно также сделать через ngcontent, что-то подобное пару лет назад делал

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

      ng-content передает готовую верстку, а это передача шаблона

  • @user-ve8ux5yy7y
    @user-ve8ux5yy7y Год назад +1

    Нужно пересмотреть курс сначала. Что-то потерял нить. Видимо мозги совсем забиты реактом. Автор, сколько ещё видео по теме будет и какая структура всего плейлиста? Хочу подойти системно к просмотру, когда начну изучать Ангуляр на постоянной основе

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

      По ссылке отсортированы все плейлисты этого курса, удачи в обучении
      youtube.com/@grommaks

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

      Еще одно видео в этом плейлисте и мы на середине курса только

    • @user-ve8ux5yy7y
      @user-ve8ux5yy7y Год назад

      @@grommaks Super! Thanks