当使用禁用属性绑定到函数时，无限循环

Question

当我将“禁用”指令绑定到包含console.log().的函数时，预呈现不起作用。

<button [disabled]="!isValid()"></button>

我的职能

 public isValid(){
     console.log("isvalid");
     return true;
 }

在我的visual输出控制台中，我得到了以下内容：

 Microsoft.AspNetCore.NodeServices: Information: isvalid
 Microsoft.AspNetCore.NodeServices: Information: isvalid
 Microsoft.AspNetCore.NodeServices: Information: isvalid
 ..... (the same infinite loop message) ............

如果我删除了console.log，那么预呈现就可以了，但是我想这个过程会继续检查如果按钮isValid是否存在。

我的包版本

"angular2-platform-node": "2.1.0-rc.1",
"angular2-universal": "2.1.0-rc.1",
"angular2-universal-patch": "0.2.1",
"angular2-universal-polyfills": "2.1.0-rc.1",
"aspnet-prerendering": "2.0.3",

Microsoft.AspNetCore.SpaServices : 1.1.0;
Microsoft.AspNetCore.NodeServices : 1.1.0;

Answer 1

问题是，当调用模板中的方法时，每次运行更改检测时都会调用该方法，这种情况经常发生。这实际上不是一个无限循环，角只是在每一个变化检测上调用这个方法。

您可以通过处理组件中的逻辑、将其存储在变量中并在模板中使用变量来解决这一问题。