时间戳

首页 > 解决方案 > 将函数的返回值传递给自定义 Angular 组件

javascript - 将函数的返回值传递给自定义 Angular 组件

问题描述

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

HTML

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

TS

someFunction(someParameter) {
    return someValue
}

标签： javascriptangulartypescriptinputangular-components

解决方案

是的，你是对的，

在angular你不应该打电话functions。template

原因

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

始终遵循最佳实践

为什么你不应该在角模板表达式中使用函数调用

推荐阅读