抽象视图中的 2 个不同控制器

Question

事情是这样的

<ion-tabs ng-controller="LoginCtrl">

  <!-- News Tab -->
  <ion-tab href="#/tabs/news">
    <ion-nav-view name="tab-news"></ion-nav-view>
  </ion-tab>

  <!-- Dashboard Tab -->
  <ion-tab href="#/tabs/promotions">
    <ion-nav-view name="tab-promotions"></ion-nav-view>
  </ion-tab>

  <!-- Account Tab -->
  <ion-tab href="#/tabs/signup">
    <ion-nav-view name="signup"></ion-nav-view>
  </ion-tab>

</ion-tabs>

这是一个移动应用程序，这是抽象视图，我附加了 LoginCtrl，因为我到处都需要它，而且，我还需要另一个控制器随处可见。我需要它无处不在，因为这是一个流媒体音乐应用程序，所以音乐必须在每个视图中不停地播放。那么，我有哪些选择？ LoginCtrl 已经在那里定义，我需要设置另一个名为 AudioCtrl.

的控制器

Answer 1

您可以向 html 添加任意数量的控制器，只需向其中添加一些 div，如下所示：

<div ng-controller="LoginCtrl">
<ion-tabs ng-controller="AudioCtrl">

  <!-- News Tab -->
  <ion-tab href="#/tabs/news">
  <ion-nav-view name="tab-news"></ion-nav-view>
 </ion-tab>

  <!-- Dashboard Tab -->
 <ion-tab href="#/tabs/promotions">
  <ion-nav-view name="tab-promotions"></ion-nav-view>
 </ion-tab>

 <!-- Account Tab -->
 <ion-tab href="#/tabs/signup">
   <ion-nav-view name="signup"></ion-nav-view>
 </ion-tab>

</ion-tabs>
</div>

抽象视图中的 2 个不同控制器

2 different controllers in abstract view

tabs

angularjs

ionic-framework