Ionic Hybrid应用程序的路由问题

时间:2015-01-28 00:21:35

标签: ionic-framework

我是Ionic和AngularJS的新手。我似乎对路由感到震惊。我做错了什么?

http://localhost:8100/#/home - 有效 http://localhost:8100/#/app - 无效

在home.html上,我有一个静态文本"成功!!"。当我使用第一个网址时,我会看到文字。当我使用第二个时,我得到空白页。

这是我的代码。

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

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if (window.cordova && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if (window.StatusBar) {
      StatusBar.styleDefault();
    }
  });
})

.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider

    .state('home', {
        url: "/home",
        templateUrl: "app/home/home.html"
    })

    .state('app', {
        url: "/app",
        templateurl: "app/home/home.html"
    });

    $urlRouterProvider.otherwise('/app');
});

1 个答案:

答案 0 :(得分:1)

仔细看看你的语法。在第二个州,你有" templateurl"它应该是camelCase:" templateUrl"。