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

Question

据我们所知，使用 ng-bind 很好而不是 {{expression}}考虑到明确提到的性能here

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

例如:我们可以绑定(bind)到 span元素如:<span ng-bind="vm.bindText"></span>

如果我们想为 class 绑定(bind)怎么办？没有任何条件或使用 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}}">

只是想知道这件事，这样做真的有意义吗？

让我知道您对此的看法。

Answer 1

你不能使用ng-class吗？

ng-class="vm.bindText"

您可以像这样添加数据属性:

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