1

私のコードにはボタンがあり、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 でスタイルが as として宣言されているためです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 の data-attribute タグに適用する必要があります。そして、それを行う方法は？

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 に答える