Функция стрелки в angular html

Question

Интересно, возможно ли использовать функцию стрелки в таком компоненте, как в Angular

<app-child [showItemCondition]="item => item.isVisible" [list]="items"></app-child>

Answer 1

Никакие функции не могут быть определены в шаблонах. Чтобы сделать это возможным, нам нужно проверить этот код в режиме компиляции JIT.

Запрет на использование функции со стрелкой позволяет избавиться от ненужного кода (DRY и KISS) и в результате s:

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

Если вам нужна функция, она должна быть определена как метод класса компонента. Это может быть обычная или стрелочная функция.

Answer 2

Вы можете сделать это для того, чтобы настроить поведение ChildComponent, если обратный вызов не имеет ссылки на родителя. В этом случае вам следует реорганизовать ваш код с помощью @Output().

. Однако вы не можете объявить функцию внутри шаблона, поэтому вам нужно назначить ее в переменной родительского объекта и передать эту переменную в ребенок. Функция также должна быть объявлена ​​как функция classi c (не стрелка), в противном случае this будет ссылаться на родителя.