在angularjs中观看模板

Question

我有完整的模板

我想监视一下这个模板，以便在模板中单击任何内容时调用控制器中的函数。

我知道我必须使用手表（我相信是的），但是我不知道如何将完整模板与手表之间建立联系。

Answer 1

要执行此操作，只需将ng-click指令添加到您的父元素中，以便该元素内的每次点击都可以评估ng-click属性内的表达式：

<div class="parent" ng-click="callFunction()">
 <div>Hello World</div>
</div>

如果希望父元素内的某些单击不触发父ng-click，则可以添加$event.stopPropagation()以停止事件传播：

<div class="parent" ng-click="callFunction()">
 <div>Clicking here will call parent callFunction()</div>
 <div ng-click="$event.stopPropagation();callAnotherFunction();">
  Clicking here won´t call parent´s callFunction()
 </div>
</div>