在 angularjs 中观看模板
watch a template in angularjs
我有一个完整的模板
我想监视这个模板,以便在单击该模板内的内容时随时调用控制器中的函数。
我知道我必须使用手表(我相信我需要)但我不明白如何连接完整模板和手表。
要做到这一点,只需将 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>
我有一个完整的模板
我想监视这个模板,以便在单击该模板内的内容时随时调用控制器中的函数。
我知道我必须使用手表(我相信我需要)但我不明白如何连接完整模板和手表。
要做到这一点,只需将 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>