AngularJS 2中的ng-bind等价物

Question

我在这样的angularjs中使用了ng-bind

<div ng-bind="getVal()"></div>

其中,getVal()返回一定的价值,它是在控制器中.但是在Angular2中,我getVal()在组件中有一个函数,我需要从模板中调用它,就像angular1一样.

我试过了

<div [(ngModel)]="getVal()"></div>

但没有运气,任何想法？

Answer 1

当然,{{ getVal() }}当你希望函数的返回值出现在某些HTML字符串体内的某处内联时,JB Nizet会建议这样做.但是,你真正追求的是......

角1风格:

<div ng-bind="getVal()"></div>

成为...

Angular 2+ ng-bind当量:

<div [textContent]="getVal()"></div>

Angular 2+ ng-bind-html等价物:

<div [innerHtml]="getVal()"></div>