ng2 – Разница между тегами ng-container и ng-template

Может ли кто-нибудь проиллюстрировать разницу между использованием элементов и ?

Я не мог найти документацию для NgContainer и не совсем понимаю разницу между тегом шаблона.

Пример кода каждого из них очень поможет.

Оба они на данный момент (2.x, 4.x) используются для группировки элементов вместе без необходимости вводить другой элемент, который будет отображаться на странице (например, div или span ).

template , однако, требует неприятного синтаксиса. Например,

 
  • ...
  • станет

      

    Вы можете использовать ng-container вместо того, чтобы следовать синтаксису nice * который вы ожидаете и, вероятно, уже знакомы.

      
  • ...
  • Вы можете найти более подробную информацию, прочитав эту дискуссию о GitHub .


    Обратите внимание, что в 4.x устарела и изменена на .


    использование

    • если вам нужен вспомогательный элемент для вложенных структурных директив, таких как *ngIf или *ngFor или если вы хотите обернуть более одного элемента внутри такой структурной директивы;
    • если вам нужен fragment представления, который вы хотите штамповать в разных местах, используя ngForTemplate , ngTemplateOutlet или createEmbeddedView() .

    ng-template используется для структурной директивы типа ng-if, ng-for и ng-switch. Если вы используете его без структурной директивы, ничего не происходит и делает.

    ng-container используется, когда у вас нет подходящей оболочки или родительского контейнера. В большинстве случаев мы используем div или span в качестве контейнера, но в таких случаях, когда вы хотите использовать несколько структурных директив, но вы не можете использовать более чем одну структурную директиву для элемента, в этом случае можно использовать ng-контейнер как контейнер

    ng-template как следует из названия, обозначает шаблон . Сам по себе он ничего не делает. Мы можем использовать ng-container чтобы предоставить местозаполнитель для динамического отображения шаблона.

    Другой пример использования для ng-template заключается в том, что мы можем использовать его для объединения нескольких структурных директив. В этом блоге вы можете найти отличные примеры: угловой ng-template / ng-container

  • Как глобально установить параметр preserveWhitespaces в Angular на false?
  • Как итерации ключей объектов с помощью * ngFor
  • Угловой маршрутизатор поддерживает строку запроса
  • Угловой 2 роутер без базового набора
  • Угловой провайдер для NameService
  • Как вызвать rest api при загрузке углового приложения 2
  • Как получить абсолютный путь к текущей странице в Angular 2?
  • Как заставить Angular2 связывать компонент в innerHTML
  • Функция Angular2 canActivate (), вызывающая функцию async
  • Angularjs2 - предварительная конфигурация сервера перед запуском приложения
  • Нельзя привязываться к 'ng-forOf', поскольку это не известное свойство
  • Давайте будем гением компьютера.