如何对html数据属性和占位符进行ng-bind?

时间:2017-08-21 08:30:07

标签: javascript html css angularjs

我们知道使用ng-bind而不是{{expression}}来考虑明确提及的效果here

与此类似,只是想了解我们如何绑定class属性或data属性或与html显示元素无关的任何其他属性?

Ex:我们可以绑定到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}}">

只是好奇地了解这一点,并且这样做真的有意义吗?

让我知道你对此的看法。

1 个答案:

答案 0 :(得分:1)

你不能使用ng-class吗?

ng-class="vm.bindText"

您可以将这样的数据属性添加到:

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