Newbie, simple sidemenu and content


I am trying to start a very simple app from scratch and I can’t get my head around a view / controller issue. My app is not showing the about.html (defined as the default route) and it does not do it when I tap the About item in the side menu.


Home About `

var playApp = angular.module('playApp', ['ionic']) .run(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) { StatusBar.styleDefault();4 } }); }) .config(function($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise('/about'); $stateProvider .state('playApp.about', { url: '/about', views: { 'main-view': { templateUrl: 'templates/about.html', controller: 'aboutController' } } }) })

`playApp.controller(‘aboutController’, function($scope) {


<ion-view class="light"> <ion-content> <div class="list list-inset light top180"> <button class="button button-block button-grey">About my App</button> </div> </ion-content> </ion-view>

Can you add you project into for review

I found some great material on codepen :

That is exactly what I am trying to do. I will follow the steps.