偽のコンテキスト メニューを提供するために一部の HTML をトランスクルージョンするディレクティブがあります。使用法は次のとおりです。
<div id="my-element">
My content
<context-menu get-offset="getOffset($event)">
<ul>
<li>
<a href="" ng-click="action()">{{ label }}</a>
</li>
</ul>
</context-menu>
</div>
#my-element
これにより、右クリックでコンテンツが表示されるイベントリスナーがバインドされ、context-menu
オフセット$scope.getOffset
が返されます。
補間された文字列が展開されないことを除いて、すべてが機能{{ label }}
します。$scope.label
の値が であるとしましょう'ABC'
。「ABC」の代わりに「{{ label }}」が表示されます。ただし、ngClick は正しくバインドされているようです。
コードとデモについては、この plunkr を参照してください: http://plnkr.co/edit/QDVAHkhrfsNpRcjTwCpM?p=preview
どうしてこれなの?