将函数的返回值传递给自定义角分量

Question

将值传递到这样的自定义组件中有什么问题吗？我注意到，当我在console.log中someFunction时，它在加载组件时被多次调用。有人能解释一下吗？

HTML

<custom-component [someInput]=“someFunction(‘someParameter’)></custom-component>

TS

someFunction(someParameter) {
    return someValue
}

Answer 1

是的，你是对的，

在angular中，不应该在template中调用functions。

原因

角度的主要目标是，当检测到任何变化时，Rendering DOM。因此，如果角检测到应用程序中的任何changes/updates，它将重新呈现模板。因此，当每次重新呈现template(props)时，将调用在中使用的函数。

总是遵循最佳实践

why-you-should-never-use-function-calls-in-angular-template-expressions