Question

在我的代码中，我有一个按钮，我通过使用HTML5数据属性和AngularJs表达式将数据附加到它，以显示通知。代码就像这样

<button type="button" 
        class="btn btn-link navbar-btn" 
        data-notifications={{tweetCount}}> 
    <span class="twitter-edit" ></span>
</button>

但是可以找到使用表达式的不好here。因此，显然解决方案是使用ng-bind或ng-bind-template。

但是如何为HTML5的数据属性执行此操作，因为在我的CSS中我为data-notification声明了样式，

[data-notifications]:after {
content: attr(data-notifications);
position: absolute;

top:1.75em;
right: -0.5em;
.
.
.
}

欢迎就此问题提出任何建议。

- 编辑我认为对我的问题有些误解。上面显示{{tweetCount}}的代码对我有用。唯一的问题是，在页面加载时，实际上会向用户显示一秒钟double curlies。要解决此问题，建议使用ng-bind/ng-bind-template。但在我的情况下，我必须将它应用于HTML5的数据属性标记。怎么做？

Answer 1

我认为你错过了手柄栏周围的引号。

<button type="button" 
    class="btn btn-link navbar-btn" 
    data-notifications="{{tweetCount}}"> <---quotes around the handle-bars
  <span class="twitter-edit" ></span>
</button>

AngularJS：如何对HTML5数据属性使用ng-bind / ng-bind-template

1 个答案: