netanelgilad / meteor-ionic-example

An example app using urigo:ionic package for simple app development with the ionic framwork on meteor.
72 stars 21 forks source link

Problem Replicating Example With Newest Releases #6

Closed nspangler closed 9 years ago

nspangler commented 9 years ago

Great example! However I am trying to replicate the example using the newest meteor and packages. screen shot 2015-01-14 at 5 35 30 pm

I am trying to build just a simple side-menu basing my code off of this repo:

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>

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();
     };
   }]);

}

The result is this:

screen shot 2015-01-14 at 5 32 59 pm

netanelgilad commented 9 years ago

@nspangler I'm planning to update the repository hopefully this weekend. Any way look at the answer here: https://github.com/Urigo/meteor-ionic/issues/34

Urigo commented 9 years ago

The example is updated now, should be fixed. Please re-open in case of a problem