Почему, когда и как использовать этот синтаксис в Angular? - PullRequest
Новая
       10

Почему, когда и как использовать этот синтаксис в Angular?

0 голосов
/ 23 марта 2020

Я искал информацию о внедрении зависимостей, а затем нашел эту статью:

https://medium.com/angular-chile/inyecci%C3%B3n-de-componentes-y-directivas-en-angular-6ae75f64be66

Там я увидел этот синтаксис 

   <ui-card>
  <h1>Your daily @agadmator quote</h1>
  <p>Congratulations! You are an excellent analyzer of hypothetical end game positions and that never actually happened.</p>
</ui-card>

и это привлекло мое внимание.

Я считал, что ничто не может go между пользовательским тегом angular (выборочным тегом).

Я хотел бы узнать больше информация об этом, но я не знаю, какие поисковые термины использовать и как работает этот синтаксис.

Не могли бы вы помочь мне объяснить или поделиться информацией об этом, пожалуйста?

1 Ответ

1 голос
/ 23 марта 2020

Это называется «Content Projection» (ранее называлось «transclusion»).

Ознакомьтесь с руководством по его использованию здесь: https://scotch.io/tutorials/angular-2-transclusion-using-ng-content

Вкратце , чтобы передать данные вашим компонентам, вы обычно делаете это: 

<my-card [content]="myVar"></my-card>

Но, когда вам нужно передать другие HTML элементы, вы можете использовать проекцию контента: 

<my-card>
    <h1>Hello world</h1>
</my-card>

Внутри из MyCardComponent вы можете получить доступ к этому контенту с помощью специального тега <ng-content>.

...