目的は、サムネイルのツールチップに製品名を表示することです。ブラウザは、「ng-title」または「ng-attr-title」からツールチップを作成しません。
私たちは AngularJS バージョン 1.0.7 を使用しています。任意の属性の前に「ng-」または「ng-attr」を付けると、Angular はそれに応じてバインドします。ただし、HTML「A」タグのタイトル属性には「バインド」されないようです。
例1.
コード:<a title="{{product.shortDesc}}" ...>
期待される結果:<a title="Canon Powershot XS50 12MB Digital Camera" ...>
実際の結果:<a title="{{product.shortDesc}}" ...>
ツールチップに不要な中括弧が表示されます。
例2.
コード:<a ng-attr-title="{{product.shortDesc}}" ...>
期待される結果:<a title="Canon Powershot XS50 12MB Digital Camera" ...>
実結果:<a ng-attr-title="Canon Powershot XS50 12MB Digital Camera" ...>
単純な属性は取得できずtitle
、機能するツールチップも取得できません。
ベストアンサー1
ng-attr
これは新しい指令のようですAngularJS 1.1.4この場合に使用できる可能性があります。
<!-- example -->
<a ng-attr-title="{{product.shortDesc}}"></a>
ただし、1.0.7 を使い続ける場合は、効果を反映するカスタム ディレクティブを記述できる可能性があります。