©
本文档使用 PHP中文网手册 发布
ngBind 属性告诉Angular使用所给表达式的值替换指定HTML元素的文本内容，并且在表达式的值改变时更新文本内容。
一般情况下，你不需要使用ngBind指令，可以使用像{{ expression }}形式的双花括号来替换，达到同样的效果并且只需少量命令。
使用 ngBind 替换 {{ expression }} 是更好的方法，在处于Angular编译前的原生状态时的模板被浏览器立即显示时。由于ngBind只是一个元素属性，当页面载入时它创建的绑定对用户是不可见。
这个问题的另一个替代解决方案是使用 ngCloak 指令。
<ANY
ng-bind="">
...
</ANY><ANY class="ng-bind: ;"> ... </ANY>| 参数 | 类型 | 详述 |
|---|---|---|
| ngBind | expression | 可求值表达式。 |
在实时预览文本框输入名称，文本框的下方会立即刷新问候信息。
<script>
angular.module('bindExample', [])
.controller('ExampleController', ['$scope', Function($scope) {
$scope.name= 'Whirled';
}]);
</script>
<div ng-controller="ExampleController">
Enter name: <input Type="text" ng-model="name"><br>
Hello <span ng-bind="name"></span>!
</div>it('should check ng-bind', Function() {
var nameInput = 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');});