AngularJS不会执行md-order-by

Question

我有一个表，其中一列有一个图标，当我单击它时执行操作。除了我的列还有一个md-order-by，当我点击我的图标时，它会执行操作。

我的图标定义在我的像这样的例子:

<th md-column md-order-by="test">
Test 1<br/>
<div ng-click="displayOtherColumn()">
<md-icon md-svg-icon="chevron-right" >
<md-tooltip md-direction="bottom">
See more
</md-tooltip>
</md-icon>
</div>
</th>

我希望当我点击我的图标时，不会发生订购

Answer 1

点击事件触发时停止事件传播

<th md-column md-order-by="test">
Test 1<br/>
<div ng-click="displayOtherColumn($event)">
<md-icon md-svg-icon="chevron-right" >
<md-tooltip md-direction="bottom">
See more
</md-tooltip>
</md-icon>
</div>
</th> 

Javascript:

function displayOtherColumn(event){
event.stopPropagation();
// your additional logic
}