Что делает атрибут у компонента?

Question

[Егор Антропов]

В компоненте указывается другой компонент

<table-fields fields="fieldsList" (fieldsChange)="fieldsChange($event)"></table-fields>

Что делает fields="fieldsList"?
И как это использовать?

Comments

[Gortyser]

Без кода компонента сказать ничего нельзя

[Егор Антропов]

Gortyser, А компонента нет. Есть только это:
1) Сделать отдельный компонент в папке src/app/core/shared c названием table-fields
2) Использовать этот компонент нужно в src/app/pages/test-page, в качестве селектора, т.е. так:

<table-fields  fields="fieldsList" (fieldsChange)="fieldsChange($vent)"></table-fields>

3) В форме 2 поля: Выбранные, доступные.
4) Выбирать можно как с помощью галочек, тогда поля добавляются в конец, или при помощи перетаскивания. Поля устанавливаются в указанное место пользователем
5) Поля сортируются перетаскиванием.
6) Для сортировки используй https://material.angular.io/cdk/drag-drop/overview...
7) Для перетаскивания используй https://material.angular.io/guide/elevation
8) Для теней блоков используй https://material.angular.io/guide/elevation

[Егор Антропов]

Gortyser, Как мне объяснили: "Туда будет приходить массив всех доступных полей для выбора
Возвращать должен результирующий массив"

[Gortyser]

Егор Антропов, создайте компонент table-fields, в table-fields.component.ts создайте @Input() fields: string (или какой там тип будет). Сюда и будут передаваться значения.
Потом пройдетесь по ним через *forEach в шаблоне.
Отвечая на изначальный вопрос: fields=fieldslist пока не делает ничего, потому что ничего не сделано.
А так должен передаваться массив данных в компонент table-fields для использования внутри него

[Егор Антропов]

Gortyser, спасибо! Сейчас попробую

Answer 1

[Pavel Pikat]

Это @Input который передает список объектов для отображения, только написано неправильно - нужно обернуть в квадратные скобки.
fieldsChange - это @Output, соответственно.

Comments

[Егор Антропов]

Какой Руслан? xD

[Sashqa]

Егор Антропов, @Output

[Pavel Pikat]

Ага, такой уж Тостер, произвольно подменяет текст уже после отправки