描述:展示類頁面在大部分綁定中是不需要ng的雙向綁定的,為了優(yōu)化ng的apply效率近尚,可以采取單向數(shù)據(jù)綁定
解釋:默認(rèn)情況下 ng開啟雙向綁定,1.3版本之前需要引用 bind once插件孟岛。1.3以后官方支持嘴脾。
參考資料:https://toddmotto.com/angular-one-time-binding-syntax/
$scope.ProductInfo = Product; //產(chǎn)品基本信息
function aa(){
$scope.ProductInfo.ProductName = '123';
alert('11')
$scope.$apply();
}
// 雙向綁定 aa 方法執(zhí)行后 productName會(huì)變成 123
<p class="con-text" ng-bind-html="ProductInfo.ProductName | trustHtml"></p>
// 單向數(shù)據(jù)綁定 aa 方法執(zhí)行后 productName不改變
<p class="con-text" ng-bind-html=":: ProductInfo.ProductName | trustHtml"></p>
//其他語法:
<p>
{{ ::vm.user }}
</p>
ng-class="::{ loggedIn: vm.user.loggedIn }"
ng-if="::vm.user.loggedIn"
<input type="text" ng-model="vm.user">
<p>
{{ ::vm.user }}
</p>
<li ng-repeat="user in ::vm.users"></li>