Question

我有这个html页面结构，chart-legend是一个AngularJS组件：

<div class="chart-legend">
    <h5 class="chart-legend-header">{{$ctrl.site}}
        <div class="chart-legend-icons">
        </div>
    </h5> 
    <p class="chart-legend-average-demand"> -- Page Title</p>
</div>

在另一个页面中，我会像这样添加ng-click：

<div class="demand page">
    <div class="chart-legend-container">
        <div ng-repeat="site in $ctrl.keys">
            <chart-legend site="$ctrl.siteNames[site]" ng-click="$ctrl.updateLegendChart($ctrl.siteNames[site])" keys= "$ctrl.keys"></chart-legend>
        </div>
    <div>
</div>

如果我点击ng-click内的任何地方，就会触发chart-legend。我想要的是只有在<p></p>内，在页面标题上更准确地执行点击时才会触发。

我试着像这样添加它：

<div class="chart-legend">
    <h5 class="chart-legend-header">{{$ctrl.site}}
        <div class="chart-legend-icons">
        </div>
    </h5> 
     <p class="chart-legend-average-demand" ng-click="$ctrl.updateLegendChart($ctrl.siteNames[site])"> -- Page Title</p>
</div>

它不起作用，可能是因为它不知道谁是$sctrl。有什么建议吗？

设置 - 单击html页面的特定部分

0 个答案: