He usado ng-bind en angularjs como este
<div ng-bind="getVal()"></div> donde getVal() devuelve algún valor y estaba en el controlador. Pero en Angular2, tengo una función getVal() en el componente y necesito llamarla desde la plantilla, de la misma manera que angular1.
Lo intenté
<div [(ngModel)]="getVal()"></div>Pero no hubo suerte, ¿alguna idea?
Por supuesto, {{ getVal() }} funcionará como sugiere JB Nizet cuando desee que el valor devuelto de su función aparezca en algún lugar en línea en el cuerpo de alguna cadena HTML. Sin embargo, lo que realmente buscas es...
Estilo angular 1:
<div ng-bind="getVal()"></div>se convierte...
Angular 2+ ng-bind equivalente:
<div [textContent]="getVal()"></div>Angular 2+ ng-bind-html equivalente:
<div [innerHtml]="getVal()"></div>Agregando a la respuesta de @Luvaas Si está buscando valores de datos vinculantes de un objeto, se puede usar lo siguiente:
Angular 1 Vía:
<div ng-bind="car.color"></div> En Angular 2+ ng-bind se puede usar con [textContent] :
<div [textContent]="car.color"></div> El equivalente de Angular 2+ para ng-bind-html es [innerHtml] :
<div [innerHtml]="car.template"></div>