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

时间:2015-04-25 23:37:03

标签: angularjs tabs ionic-framework

这是事物

<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的控制器。

1 个答案:

答案 0 :(得分:4)

你可以在你的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>