@rig wrote:

Hey I am new to ionic . I stated to create a hello world app. but when i run i am getting a blank white screen.

Please take a look on my code.

Index.html

<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->

<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>

main.html

Hello World!

Hello World, how are you?

controller.js

angular.module('starter', ['ionic'])

.controller("MainCtrl",function(){
console.log("Main Controller says: Hello World");
});

app.js

angular.module('starter', ['ionic','starter.controllers'])

.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();
}
});
})
.config(function($stateProvider, $urlRouterProvider){
$stateProvider

.state('main', {
	url: "/main",
	templateUrl: "templates/main.html",
	controller: 'MainCtrl'
});

$urlRouterProvider.otherwise('/main');

});

Posts: 7

Participants: 2

Read full topic