我有一个简单的无序列表,其中填充了ng-repeat,我希望每次用户单击列表项之一时都会发生某些事情。但是,ng-click似乎不适用于html内的任何div,它仅适用于按钮。起初我以为ng-repeat是问题所在,但事实证明,即使在ng-repeat ng-click之外似乎也不起作用。我也尝试过使用ng-mousedown,它似乎也不起作用。
这是我的html:
<div class="noteItem" ng-mouseleave="btnShow = false" ng-mouseenter="btnShow = true" ng-click="alert('click');">
<li>
{{note.subject|removeHTML}}<a ng-show="btnShow" ng-click="deleteNote(note._id)"><i>DELETE</i></a>
</li>
</div>
我也尝试将另一个div包装在该div之外,但是仍然无法正常工作。我已经在这个问题上停留了大约一个小时。
最佳答案
您在div和<a>
元素中都有ng-click,正在执行的操作是在<a>
元素中而不是div中的ng-click。
尝试像这样添加div并单击。
<div ng-click="yourScopeMethodHere()">click me</div>
顺便说一句,在ng-click中直接调用JS alert()将不起作用。
关于javascript - ng-click无法与我的任何div配合使用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42714046/