1

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

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

但是使用表达式的坏处可以在这里找到。因此，显然解决方案是使用ng-bindor 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 的数据属性标签。怎么做？

4

1 回答 1

0

我认为您只是缺少车把周围的引号。

<button type="button" 
    class="btn btn-link navbar-btn" 
    data-notifications="{{tweetCount}}"> <---quotes around the handle-bars
  <span class="twitter-edit" ></span>
</button>
于 2015-04-28T19:40:39.090 回答