Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
184 views
in Technique[技术] by (71.8m points)

ng-bind equivalent in Angular

I've used ng-bind in angularjs like this

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

where getVal() return some value and it was in the controller. But In Angular2 , I have a function getVal() in the component and I need to call it from the template, in the same way like angular1.

I tried

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

But no luck, any idea?

question from:https://stackoverflow.com/questions/34784448/ng-bind-equivalent-in-angular

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

Of course {{ getVal() }} will work as JB Nizet suggests when you want the returned value of your function to appear somewhere inline in the body of some HTML string. However, what you're actually after is...

Angular 1 Style:

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

becomes...

Angular 2+ ng-bind equivalent:

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

Angular 2+ ng-bind-html equivalent:

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...