Question

我想使用http://ionicframework.com/docs/api/directive/ionNavButtons/作为一种方法，根据在视图中设置标题中显示的元素的路线来调整标题/导航栏中显示的内容。

 <!-- The nav bar that will be updated as we navigate -->
<ion-nav-bar>
</ion-nav-bar>

<!-- where the initial view template will be rendered -->
<ion-nav-view>
  <ion-view>
    <ion-nav-buttons side="left">
      <button class="button" ng-click="doSomething()">
        I'm a button on the left of the navbar!
      </button>
    </ion-nav-buttons>
    <ion-content>
      Some super content here!
    </ion-content>
  </ion-view>
</ion-nav-view>

但是当我尝试使用该代码时，该指令是未定义的。它必须与我在页面中包含的ionic.js分开。是否有一种特殊的方法将其添加为指令或只是从github（https://raw.githubusercontent.com/driftyco/ionic/master/js/angular/directive/navBar.js）复制代码？当我只包含该指令时，我在控制台中得到IonicModule is undefined。

Answer 1

根据'ionic'模块，您需要主应用程序模块。（即在你的index.html中有ng-app="myApp"的某个地方 - 然后在某个地方你有angular.module('myApp', [/* dependencies */]); - 你需要将'ionic'添加到依赖项中。）你做过这个吗？ / p>

此外，我只是找到javascript和angular的离子文件的缩小/完整版本;但是如果你只是想要那个单一的指令，你最低限度也需要这个，因为这是定义IonicModule的地方。从您的错误消息看起来您还没有这样做。

https://github.com/driftyco/ionic/blob/master/js/angular/main.js

如果你能设置一个更有帮助（我帮助）的傻瓜。

如何纳入离子指令？

1 个答案: