Angular 是否以相同的方式处理插值和单向绑定？
Does Angular handle interpolation and one way binding the same way?
我目前正在创建一个经常更改页面上的文本和图像的应用程序。 Chrome 在 运行 几个小时后几乎消耗了整个 cpu。请注意，如果出现此问题，不能仅重启浏览器。
我现在已尝试禁用 UI 渲染并仅从服务器接收数据更新，问题似乎已经消失。
<img class="icon" src="{{myIcon1}}"/>
<img class="icon" [src]="myIcon2"/>
是否 Angular 只更新第一行的 "src" 属性，就像第二行一样，还是如果 "myIcon1" 总是创建整个组件模板的全新实例变化？
我认为它更新了虚拟 DOM 并且在 return 中，它从头开始呈现整个界面。但是对于 Angular 8，他们正在实施增量 DOM。我已经在这个网站上读到过它。
https://blog.nrwl.io/understanding-angular-ivy-incremental-dom-and-virtual-dom-243be844bf36
尽管插值和数据绑定是相互交替的。但它们之间的主要区别在于，如果我们可以在插值情况下连接字符串。
myIcon1 = "sample.jpg";
<img class="icon" src="https://www.sample/{{myIcon1}}"/>
属性绑定用于将元素属性设置为非字符串数据值
<button [disabled]='isDisable'>Click Me</button>
更改禁用 属性 将相应地 disable/enable 按钮。
但是如果我们使用
<button disabled='{{isDisable}}'>Click Me</button>
无论 isDisable 是什么，按钮将始终被禁用 属性
更多参考https://angular.io/guide/template-syntax#!#interpolation
我目前正在创建一个经常更改页面上的文本和图像的应用程序。 Chrome 在 运行 几个小时后几乎消耗了整个 cpu。请注意，如果出现此问题，不能仅重启浏览器。
我现在已尝试禁用 UI 渲染并仅从服务器接收数据更新，问题似乎已经消失。
<img class="icon" src="{{myIcon1}}"/>
<img class="icon" [src]="myIcon2"/>
是否 Angular 只更新第一行的 "src" 属性，就像第二行一样，还是如果 "myIcon1" 总是创建整个组件模板的全新实例变化？
我认为它更新了虚拟 DOM 并且在 return 中，它从头开始呈现整个界面。但是对于 Angular 8，他们正在实施增量 DOM。我已经在这个网站上读到过它。
https://blog.nrwl.io/understanding-angular-ivy-incremental-dom-and-virtual-dom-243be844bf36
尽管插值和数据绑定是相互交替的。但它们之间的主要区别在于，如果我们可以在插值情况下连接字符串。
myIcon1 = "sample.jpg";
<img class="icon" src="https://www.sample/{{myIcon1}}"/>
属性绑定用于将元素属性设置为非字符串数据值
<button [disabled]='isDisable'>Click Me</button>
更改禁用 属性 将相应地 disable/enable 按钮。 但是如果我们使用
<button disabled='{{isDisable}}'>Click Me</button>
无论 isDisable 是什么，按钮将始终被禁用 属性
更多参考https://angular.io/guide/template-syntax#!#interpolation