Newbie, simple sidemenu and content

tutorials
1

Hi,

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.
index.html
`

Projects

Home About `
2

app.js
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' } } }) })

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

})`

about.html
<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>

3

Can you add you project into http://codepen.io/ for review

4

I found some great material on codepen : http://codepen.io/emilyemorehouse/pen/bdmGRj

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