使用离子的基本路由

Question

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

我已阅读文档＆amp;例子 - 仍然无法解决这个问题。

我是否需要告诉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控制台＆amp;代码目录

Answer 1

正如您所看到的，您在html文件的名称中有错误：

wardobes.html

取代

wardrobes.html