©
Dieses Dokument verwendet PHP-Handbuch für chinesische Websites Freigeben
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>
protractor.jsit('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');});