Javascript 单击并在一个分区中运行两个不同函数中的一个函数

我创建了两个div，每个div都有不同的角度函数。我想使用ng click单击其中一个。如果其中一个div被点击，希望它能运行自己的函数，但在我的情况下，它总是同时运行这两个函数。我的代码如下所示：

这是我的html代码：

<div ng-controller="Ctrl1">
    <div ng-click="titi();" style="width:200px; height:200px; background-color:red;">
         <div ng-click="toto();" style="width:100px; height:100px; background-color:yellow;">Click me</div>
    </div>
</div>

---

如果我单击黄色div，它将显示alert toto和titi。如果我点击红色的div，它会显示alert just titi。我想要的是，当我单击其中一个时，它们将运行自己的函数click。有什么不对劲吗？请帮助：（

此处单击内部元素div将传播到外部div。使用

$event.stopPropagation（）；

防止单击传播：

<div ng-controller="Ctrl1">
    <div ng-click="titi();" style="width:200px; height:200px; background-color:red;">
         <div ng-click="toto(); $event.stopPropagation();" style="width:100px; height:100px; background-color:yellow;">Click me</div>
    </div>
</div>

点击我

实际上，您的DOM树事件正在冒泡，以防止它被使用

ng-click="toto(); $event.stopPropagation();"

您可以进一步阅读详细信息：

ng-click="toto(); $event.stopPropagation();"