メイン DIV でのイベントの伝播を停止する必要があり、元のイベント オブジェクトに、イベントが「more_vert」ボタンで発生したかどうかのフラグを設定します。これは正常に動作しますがngTouch、次のコードを有効にすると、OS: Android / ブラウザ: Google Chrome で動作しなくなります。
<div ng-click="$event.originalEvent.dropdown || model.option()">
<div>Name of item.</div>
<span>Value of item.</span>
<div class="dropdown" ng-click="$event.originalEvent.dropdown = true">
<a id="menuActions" aria-expanded="false" aria-haspopup="true" data-target="#" data-toggle="dropdown" role="button">
<i class="material-icons md-24">more_vert</i>
</a>
<ul class="dropdown-menu" aria-labelledby="menuActions">
<li>
<a href="" class="ng-binding" ng-click="model.option1()">Option1</a>
</li>
<li>
<a href="" class="ng-binding" ng-click="model.option2()">Option2</a>
</li>
<li>
<a href="" class="ng-binding" ng-click="model.option3()">Option3</a>
</li>
</ul>
</div>
</div>
私はAngular 1.4.7を使用しています。