Ionic Hybrid 应用程序上的路由问题

Question

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

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

在 home.html 上，我有一个静态文本 "success!!"。当我使用第一个 url 时，我看到了文本。当我使用第二个时，我得到空白页。

这是我的代码。

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');
});

Answer 1

仔细看看你的语法。在第二种状态下，你有 "templateurl" 并且它应该是驼峰式："templateUrl".

Ionic Hybrid 应用程序上的路由问题

Issue with Routing on Ionic Hybrid app

ionic-framework