有如下代码:
<div class="first" ng-click="funcFirst()">
... Some other content
<div class="second" ng-click="funcSecond()">
</div>
... Some other content
</div>
我想做以下事情:如果我点击除“second”之外的“first”div 中的任何内容 - 执行 funcFirst 函数;如果我点击“第二个”div - 执行 funcSecond 函数。现在,如果我点击“second”,我会执行 funcFirst。我该怎么做?我无法更改 HTML 结构。提前致谢。
最佳答案
我有解决办法:
脚本示例:
<script>
myWebApp = angular.module('myWebApp', []);
myWebApp.controller("Controller01", function ($scope) {
$scope.funcFirst = function () {
alert("click on div 1 content");
};
$scope.funcSecond = function () {
alert("click on div 2 content");
};
});
</script>
HTML
<body ng-app="myWebApp">
<div ng-controller="Controller01">
<div class="first" ng-click="funcFirst()">
... click on div 1 content
<div class="second" ng-click="funcSecond(); $event.stopPropagation();">
click on div 2 content
</div>
... click on div 1 content
</div>
</div>
Edit在 plunker 上
关于javascript - 在 Angular 中使用 ng-click 嵌套 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33157174/