4

次のようなhtmlコードがあります。

<div class="outerdiv" data-ng-click="resetText()">
    <div class="innerdiv" data-ng-click="showText()">
        {{ text }}
    </div>
</div>

を持つ外側の divng-clickと、異なる を持つ内側の div ng-click。

私の問題は、内側の div をクリックすると、外側の div も起動されることです。これを解決するにはどうすればよいですか (外側の関数ではなく、内側の関数を起動しますか?

ハードコーディングされたフラグを使用して機能させることはできますが、競合状態の問題に直面しているかどうかはわかりません。

問題を示すFiddleを次に示します。

4

2 に答える 2

11 
<div class="innerdiv" data-ng-click="showText($event)">

そしてコントローラーで

$scope.showText = function(event) {
    // whatever
    event.stopPropagation();
}
于 2014-02-11T12:53:13.710 に答える
2

これを試して

<div class="outerdiv" data-ng-click="resetText()">
    <div class="innerdiv" data-ng-click="showText();$event.stopPropagation()">
        {{ text }}
    </div>
</div>
于 2014-02-11T12:54:44.357 に答える