AngularJS 2中的ng-bind等价物

Question

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

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

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

我试过

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

但没有运气，任何想法？

Answer 1

当然，当你希望函数的返回值出现在某些HTML字符串体内的某处内联时，{{ getVal() }}将起作用。但是，你真正追求的是......

Angular 1 Style：

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

<强>变为...

Angular 2+ ng-bind 等价物：

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

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

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

Answer 2

添加到@Luvaas答案如果您要从对象中查找绑定数据值，则可以使用以下内容：

角度1方式：

<div ng-bind="car.color"></div>

在Angular 2+中ng-bind可与[textContent]一起使用：

<div [textContent]="car.color"></div>

ng-bind-html的Angular 2+等价物为[innerHtml]：

<div [innerHtml]="car.template"></div>