Angular 單向數據綁定

描述:展示類頁面在大部分綁定中是不需要ng的雙向綁定的,為了優化ng的apply效率,可以采取單向數據綁定
解釋:默認情況下 ng開啟雙向綁定,1.3版本之前需要引用 bind once插件。1.3以后官方支持。
參考資料:https://toddmotto.com/angular-one-time-binding-syntax/

 $scope.ProductInfo = Product; //產品基本信息

        function aa(){
                $scope.ProductInfo.ProductName = '123';
                alert('11')
                $scope.$apply();
            }
// 雙向綁定 aa 方法執行后 productName會變成 123
<p class="con-text" ng-bind-html="ProductInfo.ProductName | trustHtml"></p>

// 單向數據綁定 aa 方法執行后 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>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容