您的位置:首页 > Web前端 > AngularJS

指令:ng-bind

2016-04-05 18:15 323 查看
指令ng-bind和表达式{{}}有相同的展示效果,但是不同的是指令ng-bind是在angular解析渲染完毕之后再把数据显示出来。

如下使用ng-bind绑定数据:

<div ng-app="">
请输入一个字:<input type="text" ng-model="name"/>
<br>
Hello <span ng-bind="name"></span>


PS:使用花括号语法时,因为浏览器需要首先加载页面,渲染它,然后AngularJS才能把它解析成你期望看到的内容,所以对于首个页面中的数据绑定操作,建议采用ng-bind,以避免其未被渲染的模板被用户看到。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angular