流星中的离子侧栏菜单

时间:2015-01-15 00:37:34

标签: angularjs meteor ionic

我正在尝试在我的流星应用程序中实现离子侧栏菜单。我知道有一个例子here,但我试图自己重新创建它。我的代码如下:

app.js:

if (Meteor.isClient) {

    var app = angular.module('todo', ['angular-meteor', 'ionic'], function($interpolateProvider) {
       $interpolateProvider.startSymbol('[[');
       $interpolateProvider.endSymbol(']]');
    });


    app.controller("TodoCtrl", ['$scope', '$collection', '$ionicSideMenuDelegate', function ($scope,     $collection, $ionicSideMenuDelegate) {

       $scope.toggleProjects = function () {
          $ionicSideMenuDelegate.toggleLeft();
       };
    }]);

}

的index.html:

  <body>
      <div>

        <ion-side-menus>
          <!-- Center content -->
          <ion-side-menu-content>
              <ion-header-bar class="bar-dark">
                <h1 class="title">Todo</h1>
              </ion-header-bar>
              <ion-content>
              </ion-content>
           </ion-side-menu-content>

           <!-- Left menu -->
           <ion-side-menu side="left">
              <ion-header-bar class="bar-dark">
                <h1 class="title">Projects</h1>
              </ion-header-bar>
           </ion-side-menu>

        </ion-side-menus>
    </div>
</body>

代码的输出是这样的: enter image description here

我正在运行Meteor 1.0.2.1并且我的包是: enter image description here

我做错了什么?感谢。

2 个答案:

答案 0 :(得分:1)

我们在这里回答了这个问题:

https://github.com/Urigo/meteor-ionic/issues/34

答案 1 :(得分:0)

即使使用最新的1.1版也可以。 只有urigo:离子和urigo:角度需要添加流星添加。

休息就像你一样...

更改

包裹到:

meteor-platform
urigo:ionic
urigo:angular

和app bootstrap到:

    Meteor.startup(function ()
    {
      angular.bootstrap(document, ['starter']);
    });

angular.module('starter', ['angular-meteor','ionic'])

.run(['$ionicPlatform',function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
    // for form inputs)
    if(window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if(window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleDefault();
    }
  });
}])