我正在尝试在我的流星应用程序中实现离子侧栏菜单。我知道有一个例子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>
代码的输出是这样的:
我正在运行Meteor 1.0.2.1并且我的包是:
我做错了什么?感谢。
答案 0 :(得分:1)
我们在这里回答了这个问题:
答案 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();
}
});
}])