Javascript 如何向已声明的爱奥尼亚导航栏添加ng点击？

在这里与爱奥尼亚和安格拉斯合作

因此，我的应用程序是一个选项卡式应用程序，我的tabs.html文件如下所示：

<ion-view> 
    <ion-nav-bar class="bar-positive" align-title="center">
        <ion-nav-back-button>
        </ion-nav-back-button>
    </ion-nav-bar>
    <ion-tabs class="tabs-icon-top" ng-controller="TabsCtrl" ng-class="{'tabs-item-hide': hideTabs}">
        <ion-tab title="TITLE 1" href="#/tabs/page1">
            <ion-nav-view name="page1-tab"></ion-nav-view>
        </ion-tab>
        <ion-tab title="TITLE 2" href="#/tabs/ge2">
            <ion-nav-view name="ge2-tab"></ion-nav-view>
        </ion-tab>
        <ion-tab title="TITLE 3" href="#/tabs/page3">
            <ion-nav-view name="3-tab"></ion-nav-view>
        </ion-tab>
    </ion-tabs>
</ion-view>

<ion-view view-title="TITLE 1">
    <ion-nav-buttons side="left">
        <button class="button icon ion-search"></button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <button class="button icon ion-compose"></button>
    </ion-nav-buttons>
    ...
    ...
    ...
</ion-view>

然后，其中一个选项卡页面的顶部如下所示：

<ion-view> 
    <ion-nav-bar class="bar-positive" align-title="center">
        <ion-nav-back-button>
        </ion-nav-back-button>
    </ion-nav-bar>
    <ion-tabs class="tabs-icon-top" ng-controller="TabsCtrl" ng-class="{'tabs-item-hide': hideTabs}">
        <ion-tab title="TITLE 1" href="#/tabs/page1">
            <ion-nav-view name="page1-tab"></ion-nav-view>
        </ion-tab>
        <ion-tab title="TITLE 2" href="#/tabs/ge2">
            <ion-nav-view name="ge2-tab"></ion-nav-view>
        </ion-tab>
        <ion-tab title="TITLE 3" href="#/tabs/page3">
            <ion-nav-view name="3-tab"></ion-nav-view>
        </ion-tab>
    </ion-tabs>
</ion-view>

<ion-view view-title="TITLE 1">
    <ion-nav-buttons side="left">
        <button class="button icon ion-search"></button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <button class="button icon ion-compose"></button>
    </ion-nav-buttons>
    ...
    ...
    ...
</ion-view>

...
...
...

我想要的是在

视图标题中添加一个ng单击。我在
ion导航栏中添加了一个ng点击，但这会覆盖视图中点击
ion导航按钮的功能

我只希望当我点击页面导航栏的中间时，它会点击

非常感谢您的帮助。
要防止调用父ng click函数，请使用
stopPropagation
：

$event.stopPropagation();

需要对子项的ng click函数调用此函数。
要防止调用父项ng click函数，请使用
stopPropagation
：

$event.stopPropagation();

需要对子项的ng click函数调用此函数。
要防止调用父项ng click函数，请使用
stopPropagation
：

$event.stopPropagation();

需要对子项的ng click函数调用此函数。
要防止调用父项ng click函数，请使用
stopPropagation
：

$event.stopPropagation();

这需要在子对象的ng click函数上调用。
事件会在子对象和父对象之间出现。这是一个整洁的特性，有时会派上用场。但是，它也会产生像您描述的那样的问题。为了不发生这个问题，我们需要确保click事件在子对象处停止，并且不会冒泡。在ng click函数中添加此行：

$event.stopPropagation();

有关事件传播的详细信息，请参见：

这应该给你一个大概的想法
 事件从一个子代到另一个子代。这是一个整洁的特性，有时会派上用场。但是，它也会产生像您描述的那样的问题。为了不发生这个问题，我们需要确保click事件在子对象处停止，并且不会冒泡。在ng click函数中添加此行：

$event.stopPropagation();

有关事件传播的详细信息，请参见：

这应该给你一个大概的想法
 事件从一个子代到另一个子代。这是一个整洁的特性，有时会派上用场。但是，它也会产生像您描述的那样的问题。为了不发生这个问题，我们需要确保click事件在子对象处停止，并且不会冒泡。在ng click函数中添加此行：

$event.stopPropagation();

有关事件传播的详细信息，请参见：

这应该给你一个大概的想法
 事件从一个子代到另一个子代。这是一个整洁的特性，有时会派上用场。但是，它也会产生像您描述的那样的问题。为了不发生这个问题，我们需要确保click事件在子对象处停止，并且不会冒泡。在ng click函数中添加此行：

$event.stopPropagation();

有关事件传播的详细信息，请参见：

这应该给你一个大概的想法
 这件事正在酝酿之中。所以，你需要停止传播。您可以通过$event.stopPropagation（）完成此操作。从细节上看我的答案。活动正在热火朝天。所以，你需要停止传播。您可以通过$event.stopPropagation（）完成此操作。从细节上看我的答案。活动正在热火朝天。所以，你需要停止传播。您可以通过$event.stopPropagation（）完成此操作。从细节上看我的答案。活动正在热火朝天。所以，你需要停止传播。您可以通过$event.stopPropagation（）完成此操作。从细节上看我的答案。