如何在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？

回答

相关问题