?
本文檔使用 php中文網(wǎng)手冊(cè) 發(fā)布
ngBind
屬性告訴Angular使用所給表達(dá)式的值替換指定HTML元素的文本內(nèi)容,并且在表達(dá)式的值改變時(shí)更新文本內(nèi)容。
一般情況下,你不需要使用ngBind
指令,可以使用像{{ expression }}
形式的雙花括號(hào)來(lái)替換,達(dá)到同樣的效果并且只需少量命令。
使用 ngBind
替換 {{ expression }}
是更好的方法,在處于Angular編譯前的原生狀態(tài)時(shí)的模板被瀏覽器立即顯示時(shí)。由于ngBind
只是一個(gè)元素屬性,當(dāng)頁(yè)面載入時(shí)它創(chuàng)建的綁定對(duì)用戶是不可見(jiàn)。
這個(gè)問(wèn)題的另一個(gè)替代解決方案是使用 ngCloak 指令。
<ANY
ng-bind="">
...
</ANY>
<ANY class="ng-bind: ;"> ... </ANY>
參數(shù) | 類型 | 詳述 |
---|---|---|
ngBind | expression | 可求值表達(dá)式。 |
在實(shí)時(shí)預(yù)覽文本框輸入名稱,文本框的下方會(huì)立即刷新問(wèn)候信息。
<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');});