title: Ionic project Basic Structure with angularjs?
body: <p>I am new to the ionic, i started to learn ionic,i am trying to create structure for ionic, i have added the ionic links.I created the separate html files and module file and config files and all, actually i want to load the separate html file with links....i added the code bellow..</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="SomeApp"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;App&lt;/title&gt;
  &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
  &lt;link data-require="ionic@1.0.0-beta.1" data-semver="1.0.0-beta.1" rel="stylesheet" href="http://code.ionicframework.com/1.0.0-beta.13/css/ionic.css" /&gt;
  &lt;script data-require="ionic@1.0.0-beta.1" data-semver="1.0.0-beta.1" src="http://code.ionicframework.com/1.0.0-beta.13/js/ionic.bundle.js"&gt;&lt;/script&gt;
      &lt;script src="Module.js"&gt;&lt;/script&gt;
      &lt;script src="js/Core/config.js"&gt;&lt;/script&gt;
      &lt;script src="js/Controllers/WorkCtrl.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;ion-view&gt;&lt;/ion-view&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Module.js</strong></p>
  
  <pre><code>var ionApp = angular.module("SomeApp",['ionic']);
  </code></pre>
  
  <p><strong>config.js</strong> </p>
  
  <pre><code>ionApp.config(function($stateProvider,$urlRouterProvider){
      $stateProvider
          .state('home', {
              url:'/Home',
              views: {
                  'menuContent': {
                      templateUrl: 'views/Home/Home.html'
                  }
              }
          })
          .state('Work', {
              url:'/Work',
              views: {
                  'menuContent': {
                      templateUrl: 'views/Home/Work.html'
                  }
              }
          })
          .state('Personal', {
              url:'/Personal',
              views: {
                  'menuContent': {
                      templateUrl: 'views/Home/Personal.html'
                  }
              }
          })
          $urlRouterProvider.otherwise('/Home');
  });
  </code></pre>
  
  <p><strong>home.html</strong></p>
  
  <pre><code>&lt;ion-view&gt;
  &lt;ion-content&gt;
      &lt;button ng-click="gotoWork()"&gt;Work&lt;/button&gt;
      &lt;button ng-click="gotoPersonal()"&gt;Personal&lt;/button&gt;
      Hello
  &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p><strong>Work.html and personal.html</strong></p>
  
  <pre><code>//Some matter Here in about two html files...
  </code></pre>
  
  <p><strong>WorkCtrl.js</strong></p>
  
  <pre><code>ionApp.controller(function($scope,$location){
      $scope.gotoWork = function(){
          $location.path("/Work");
      };
      $scope.gotoPersonal = function(){
          $location.path("/Personal");
      };
  });
  </code></pre>
  
  <p>I am trying to load first home.html file....but it is displaying just white page without any errors can u please reply any one if i did any wrong in this code..</p>