Problem with SideMenu in Ionic 0.9.13-alpha

I tried to use the SideMenu Controller with Ionic 0.9.13-alpha, and (if I haven’t missed anything important) this should work.


    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- ionic css -->
    <link rel="stylesheet" href="css/ionic.css" type="text/css">
    <!-- ionic/angularjs scripts -->
    <script src="js/ionic.js"></script>
    <script src="js/angular/angular.js"></script>
    <script src="js/angular/angular-animate.js"></script>
    <script src="js/angular/angular-cookies.js"></script>
    <script src="js/angular/angular-loader.js"></script>
    <script src="js/angular/angular-mocks.js"></script>
    <script src="js/angular/angular-resource.js"></script>
    <script src="js/angular/angular-route.js"></script>
    <script src="js/angular/angular-sanitize.js"></script>
    <script src="js/angular/angular-scenario.js"></script>
    <script src="js/angular/angular-touch.js"></script>
    <script src="js/ionic-angular.js"></script>
    <!-- app scripts -->
    <script src="js/app.js"></script>
  <body ng-controller="MenuCtrl">
      <pane side-menu-content>
        <header class="bar bar-header bar-balanced">
          <button class="button" ng-click="openLeft()">Toggle</button>
          <h1 class="title">Test</h1>
        <content has-header="true">
          <div class="card">Test of Ionic SideMenu Controller (AngularJS v1.2.2, Ionic v0.9.13-alpha)</div>
      <side-menu side="left">
        <header class="bar bar-header bar-dark">
          <h1 class="title">Side</h1>


angular.module('sideMenuTest', ['ionic']);

.controller('MenuCtrl', function($scope) {
  $scope.openLeft = function() {

Without the controller, the SideMenu works great, but adding it, I get this error:

Error: [$injector:unpr] Unknown provider: aProvider <- a$injector/unpr?p0=aProvider%20%3C-%20a
    at Object.c [as get] (
    at c (
    at d (
    at Object.e [as instantiate] (
    at f ( <div class="scroll-content ng-scope ng-isolate-scope has-header" has-header="true">

Do I have missed anything?
Thanks in advance :slight_smile:

angular.module(‘sideMenuTest’, [‘ionic’]);
=} angular.module(‘sideMenuTest’, [‘ionic’])

1 Like

Thank you so much, that was the error ahah
I think I made that mistake for this:

angular.module('todo', ['ionic']);

I’ll keep it in mind.
Thanks again! :slight_smile: