Angular 角度控制柄插值和单向绑定的方式相同吗?

Angular 角度控制柄插值和单向绑定的方式相同吗?,angular,interpolation,Angular,Interpolation,我目前正在创建一个经常更改页面上文本和图像的应用程序。运行数小时后,Chrome几乎消耗了整个cpu。请注意,如果出现此问题,则不能仅重新启动浏览器 我现在尝试禁用UI呈现,只从服务器接收数据更新,问题似乎消失了 Angular是否像第二行一样只更新第一行的“src”属性,或者如果“myIcon1”发生更改,它是否总是创建整个组件模板的一个完整的新实例?我认为它更新了虚拟DOM,作为回报,它从头开始呈现整个接口。但是使用Angular 8,他们正在实现一个增量DOM。我在这个网站上读到过 尽

我目前正在创建一个经常更改页面上文本和图像的应用程序。运行数小时后,Chrome几乎消耗了整个cpu。请注意,如果出现此问题,则不能仅重新启动浏览器

我现在尝试禁用UI呈现,只从服务器接收数据更新,问题似乎消失了



Angular是否像第二行一样只更新第一行的“src”属性,或者如果“myIcon1”发生更改,它是否总是创建整个组件模板的一个完整的新实例?

我认为它更新了虚拟DOM,作为回报,它从头开始呈现整个接口。但是使用Angular 8,他们正在实现一个增量DOM。我在这个网站上读到过


尽管插值和数据绑定是交替的。但它们之间的关键区别在于,如果我们可以在插值情况下连接字符串。

myIcon1=“sample.jpg”;

属性绑定用于将元素属性设置为非字符串数据值

    <button [disabled]='isDisable'>Click Me</button>
点击我
更改disable属性将相应地禁用/启用按钮。 但是如果我们使用

    <button disabled='{{isDisable}}'>Click Me</button>
点击我
无论isDisable属性如何,按钮都将始终处于禁用状态


如需更多参考

页面上有多少正在更新的图像?您真正想要的似乎是
角度推进变化检测策略
阅读本文: