Передача данных в пользовательский компонент в угловых 4

1

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

<my-component data="shirts"></my-component>

И в шаблоне моего компонента

<h5>{{data.size}}</h5>

Не уверен, как передавать данные с родительского на дочерний компонент в угловой 4.

  • 0
    Вы просите нас написать учебник? Или у вас есть код, который доставляет вам проблемы?
  • 1
    Вы должны применить декоратор @Input () к элементу компонента.
Теги:
angular

1 ответ

5
Лучший ответ

Если переменная "data" является свойством @Input(), "данные" должны находиться между скобками, чтобы обеспечить привязку данных.

<my-component [data]="shirts"></my-component>

Вы должны иметь это в своем компоненте:

@Input() data;

Не забудьте импортировать "Input" из @angular/core

Ещё вопросы

Сообщество Overcoder
Наверх
Меню