使用 ionic 的基本路由

Question

出于某种原因，我的 wardrobes.html 文件一直收到 404（无法找到）。其他文件工作正常（例如 login.html 和 cards.html）。

我通读了文档和示例 - 仍然无法理解这一点。

我需要告诉 AngularJS 允许我的 HTML 文件吗？在同一个目录中，我添加了一个 .js 文件到 index.html 可以找到

routes.js

angular.module('stashd.routes', [])

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

        $urlRouterProvider.otherwise("/login");

        $stateProvider

            .state('login', {
                url: '/login',
                views: {
                    'menuContent': {
                        templateUrl: 'app/core/login/login.html'
                    }
                },
                controller: function ($ionicHistory, $scope) {
                    console.log('Clearing history!');
                    $ionicHistory.nextViewOptions({
                        historyRoot: true,
                        disableBack: true
                    });
                }
            })

            .state('wardrobes', {
                url: '/wardrobes',
                views: {
                    'menuContent': {
                        templateUrl: 'app/components/wardrobes/wardrobes.html'
                    }
                },
            })
            //What does menuContent do?

            .state('cards', {
                url: '/',
                views: {
                    'menuContent': {
                        templateUrl: 'app/components/cards/cards.html'
                    }
                }
            });
    }
])

wardrobes.html

<ion-view name="wardrobes">
  <!-- The title of the ion-view will be shown on the navbar -->
  <ion-view view-title="wardrobes">
    <ion-content ng-controller="WardrobesCtrl">
      <!-- The content of the page -->
     <h1>This page working or not?!>
    </ion-content>
  </ion-view>
</ion-view>

Chrome 控制台和代码目录

Answer 1

如您所见，html 文件的名称有误：

wardobes.html

代替

wardrobes.html

使用 ionic 的基本路由

Basic routing using ionic

angularjs

ionic-framework

ionic