angularjs - 带有输入的标签内的按钮不会触发 ng-click

Question

这是我的代码:

<label class="item item-input " style="height: 10%" ng-click="publish()">
<input type="text" placeholder="Title" ng-model="title">
<i ng-click="publishBlog()" class="button button-clear icon ion-paper-airplane padding-right"></i>
</label>

可以触发“publish()”，但不能触发“publishBlog()”。ionic会将图标放入。这是ionic引起的吗？

Answer 1

在“label”标签内，您的点击事件将不起作用，因为标签会覆盖您的按钮点击。

所以，使用 DIV 而不是 label ，这样就可以正常工作。