0

ユーザーがクリックしてログアウトできる画像へのリンクがあります
。ユーザーが画像の上にカーソルを置いたときにツールチップを表示したいと思います。
基本的に Twitter Bootstrap を使用すると簡単ですが、難しい部分は次のとおりです
。ユーザーには言語を変更するためのボタンがあり、ツールチップを翻訳する必要がある場合は、Angular.translate を使用します。フィルターを選択しないツールチップのオプションをバインドします。

コード:

<a id="logout_link" title="" data-toggle="tooltip" href="#" data-original-title="{{ 'LOGOUT' | translate }}" data-placement="left">
    <img src="img/icons/logout.png" alt="logout" data-ng-click="logout()"/>
 </a>

動的にする方法を知っている人はいますか?

4

1 に答える 1

0

angular-ui ブートストラップ プロジェクトのツールチップを確認する

次のように、ツールチップを ng-model にバインドできます。

Dynamic Tooltip: <a href="">{{dynamicTooltipText | translate}}</a>

そして、翻訳フィルターを適用します。次に、コントローラーで:

var TooltipDemoCtrl = function ($scope) {
  $scope.dynamicTooltipText = "LOGOUT";
};
于 2013-09-30T10:56:42.467 に答える