©
このドキュメントでは、php中国語ネットマニュアルリリース
ngBind
属性告诉Angular使用所给表达式的值替换指定HTML元素的文本内容,并且在表达式的值改变时更新文本内容。
一般情况下,你不需要使用ngBind
指令,可以使用像{{expression}}
形式的双花括号来替换,达到同样的效果并且只需少量命令。
使用ngBind
替换{{expression}}
是更好的方法,在处于Angular编译前的原生状态时的模板被浏览器立即显示时。由于ngBind
只是一个元素属性,当页面载入时它创建的绑定对用户是不可见。
这个问题的另一个替代解决方案是使用 ngCloak 指令。
ng-bind="">...
class="ng-bind: ;">...
参数 | 类型 | 详述 |
---|---|---|
ngBind | expression | 可求值表达式。 |
在实时预览文本框输入名称,文本框的下方会立即刷新问候信息。
angular.module('bindExample',[]).controller('ExampleController',['$scope',Function($scope){$scope.name='Whirled';}]);ng-controller="ExampleController">Enter name:Type="text"ng-model="name">
Hellong-bind="name">!
protractor.js
it('should check ng-bind',Function(){varnameInput=element(by.model('name'));expect(element(by.binding('name')).getText()).toBe('Whirled');nameInput.clear();nameInput.sendKeys('world');expect(element(by.binding('name')).getText()).toBe('world');});