如果你调用一个方法/函数在你的任何组件的HTML模板,做以下实验:添加一个console.log (“”)该方法内部。
然后,与您的应用程序通过点击,进入信息形式,等等。你将在你的控制台看到是这样的:
为什么会这样?角的变化检测每一次事件发生在浏览器中运行。区。js告诉角,“发生”当我们与一个角的应用程序进行交互。然后,角检查更新的组件树。在HTML模板,如果您正在使用方法的唯一途径角度看输出的方法改变了…又叫它。
因此,不推荐在HTML模板中使用的方法。这样做可能对性能造成负面影响。相反,使用绑定类属性如下:
之前:
后:
请注意,如果您需要调用一个方法/函数来执行一些格式,你应该创建一个定制的管。管道设计只有当他们的输入数据的变化,这意味着它们默认是最佳性能优化的。
你可以看一个例子在Stackblitz。我添加了一个console.log (“”)在我的定制管道只运行一次展示:
