將函數的返回值傳遞給自定義 Angular 組件

Question

將值傳遞給這樣的自定義組件有什么問題嗎？ 我注意到當我在 someFunction 中使用 console.log 時，它會在加載組件時被多次調用。 有人可以解釋一下嗎？

HTML

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

TS

someFunction(someParameter) {
    return someValue
}

Answer 1

你是對的，

在angular您不應在template調用functions 。

原因

angular 的主要目標是，在檢測到任何更改時Rendering DOM 。 因此，如果 angular 檢測到您的應用程序中有任何changes/updates ，它將重新渲染模板。 所以當它每次重新渲染時，你在template(props) 中使用的函數都會被調用。

始終遵循最佳實踐

為什么你永遠不應該使用角度模板表達式中的函數調用