調用函數並直接在 html 中更好地獲取返回值或在變量中設置返回值並在 html 中更好地使用此變量？

Question

我有一個關於調用函數並直接在 html 中更好地獲取返回值或在變量中設置返回值並在 html 中更好地使用此變量的問題？

在 html

<div ngIf=isValid()>

</div>

在 ts 文件中：

public isValid(): boolean {


}

這種方式更好還是

<div ngIf=isValid>

</div>

在 ts 文件中：

public isValid = false;
public isValidValue(): void {

if(){
 isValid = true;
}

}

哪種方式更好？

Answer 1

這是一篇很好的文章。 雖然這不是官方的，但這些家伙的觀點是合法的。

https://medium.com/showpad-engineering/why-you-should-never-use-function-calls-in-angular-template-expressions-e1a50f9c0496

這篇文章的主要觀點是

• Function 調用在 angular 變化檢測周期上被多次調用（這可以是多次）。
• 在某些情況下，您的簡單方法可能會在之后被其他開發人員（或您自己）修改

重點是（小操作 * 次數）= 可能會變得沉重

當使用其他方法（例如純管道或手動計算變量）完全可以避免時，這可能是不可接受的

他甚至有很好的stackblitz設置進行比較