javascript - ng2 初始化 DOM 属性一次并删除更改检测

Question

在 Angular 1 中，我可以做到

<span ng-bind="::expression"></span>

设置span的innerHTML而不创建观察者。

在 Angular 2中，我正在考虑几种方法来做到这一点，但我不知道初始化后变化检测器是否仍然存在。由于我只想初始化一次 innerHTML，因此最好在第一次通过后删除更改检测。有人可以帮忙吗？

1. <span [innerHTML]="expression"></span>
2. <span innerHTML="{{expression}}"></span>
3. <span>{{expression}}</span>

关于2.我在官方文档中发现在进行字符串初始化时可以省略括号，但我不知道当它与{{}}插值结合时会发生什么。 https://angular.io/docs/ts/latest/guide/template-syntax.html#!#one-time-string-initialization

Answer 1

您可以更改组件更改检测的方式:

@Component({changeDetection:ChangeDetectionStrategy.OnPush})
class MyComponent {
  ...
}

更多信息:http://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html和 http://victorsavkin.com/post/110170125256/change-detection-in-angular-2