如何在html數據屬性和佔位符上綁定ng？

我們知道這是好事，用ng-bind代替{{expression}}考慮這顯然是提到here 如何在html數據屬性和佔位符上綁定ng？

類似這樣的表現，只是想了解我們如何可以綁定class屬性或data屬性或任何其他屬性這是不相關到html顯示元素？

例如：我們可以綁定到像span元素：<span ng-bind="vm.bindText"></span>

哪裏，好像我們要綁定的class沒有任何條件或使用ng-class也directives

現在看起來是這樣的： <span class="{{vm.bindText}}"></span>

此實現適用於類：<span ng-class="vm.bindText"></span>

但是，如何在自定義數據屬性上執行此操作，例如：<input data-id="vm.bindOldId" placeholder="vm.bindText">而不是<input data-id="{{vm.bindOldId}}" placeholder="{{vm.bindText}}">

只是想知道這件事情嗎？是否真的有意義嗎？

讓我知道你的想法。

來源

2017-08-21 Mithun

難道你不能使用ng-class？

ng-class="vm.bindText"

您可以添加數據屬性，像這樣到：

ng-attr-data-YOUR_ATTRIBUTE="YOUR VALUE"

來源

2017-08-21 08:35:23

是啊，NG-類作品。對'data-id'，嘗試使用'ng-attr-data-id =「vm.bindText」'，但它只是顯示爲：'data-id =「vm.bindText」'而不是它的值 – Mithun

它會工作for：ng-attr-data-id =「{{vm.bindText}}」，沒有表達式有沒有一種方法或我在這裏做錯了什麼？ – Mithun

如果你想添加'vm.bindText'的值，那麼你需要使用大括號來評估它：'ng-attr-data-id =「{{vm.bindText}}'。將其設置爲字符串'vm.bindText' –

如何在html數據屬性和佔位符上綁定ng？

回答

相關問題