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

Question

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

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

但是使用表达式的坏处可以在这里找到。 因此，显然解决方案是使用ng-bind或ng-bind-template 。

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

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

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

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

我对我的问题有些误解。 上面显示{{tweetCount}}代码对我{{tweetCount}} 。 唯一的问题是，页面加载时实际上会double curlies向用户显示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>