Ionic 应用程序的“全局控制器”的角度方式答案

【问题标题】：Angular way of "global controller" for Ionic appsIonic 应用程序的“全局控制器”的角度方式
【发布时间】：2016-07-11 02:06:17
【问题描述】：

我是 ionic 新手，一直想知道“全局控制器”的“角度”方式。

在我的应用程序中，我使用的是入门选项卡模板，并且我想要一个栏，当用户在我的应用程序中闲逛时，我想与之交互。这个栏会放在我的index.html 中，如下所示。

index.html

<ion-nav-view></ion-nav-view>

<div id="my-player" class="idle">
  <round-progress background-image="{{roundBg}}" background-repeat="no-repeat" background-position="center" background-size="contain" radius="23" stroke="5"></round-progress>
</div>

我希望在用户使用该应用程序时修改此 div#my-player。

#my-player 的初始状态将被隐藏，我将通过 css 类 .idle 进行隐藏。但是当用户进入我的/#/tabs/replay/{:id}页面并点击一个项目时，我想添加一个angularAudioObject并在#my-player中显示音频信息。

我发现在我的所有控制器中一遍又一遍地重复相同的代码效率很低，所以我想知道是否有办法让这个音频控制代码可以只编写一次，而不是在我的所有控制器中调用.

附：是的，我知道服务以及如何将它们包含在我的控制器中，但我想知道是否有办法将此代码“似乎集成到”我的 index.html 文件中。

【问题讨论】：

标签： angularjs ionic-framework global controllers

【解决方案1】：

哪个文件中有代码并不重要，只是文件被加载和执行。也就是说，您应该使用服务或工厂来定义您希望在应用程序的生命周期内以及任何可能重复的代码（假设它不是更有意义的过滤器或指令）的对象。

控制器是短暂的，它们在您浏览视图时被创建和销毁。您可以在 ui-views 之外拥有一个控制器，该控制器可能是所有其他控制器的父级，但这确实是一种构建事物的脆弱方式。而是利用简单的 DI。

【讨论】：