角度html中的箭头功能

Question

我想知道是否可以在类似Angular的组件中使用箭头功能

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

Answer 1

您可以执行此操作以自定义ChildComponent的行为，只要回调在父级上没有引用即可。在这种情况下，您应该使用@Output()重构代码。

但是，您无法在模板内声明函数，因此必须在父变量中分配它，并将该变量传递给子变量。该函数也应声明为经典函数（不是箭头），否则，this将引用父函数。

Answer 2

无法在模板中定义任何功能。为了使其成为可能，然后我们需要在JIT编译模式下评估那些代码。

它可以消除不必要的代码（DRY和KISS），结果是：

• 更容易阅读
• 您不必继续回到组件来查看每个函数的实际作用。
• 将组件模板与主要属于类的功能一起使用会导致代码质量差，难以维护。

如果需要函数，则应将其定义为组件类方法。它可以是常规功能，也可以是箭头功能。