Question

我正在尝试将一些简单的路线放在一起，而且我真的很难过。这是git repo的链接。

当我导航到/members时，我的成员加载完美。当我导航到/members/new时，模板不会加载，也不会加载/members/test的静态模板。

以下是我的客户端routes.js

import angular from 'angular';
import 'angular-ui-router';

angular.module('ncps.routes', ['ui.router']).config(($stateProvider, $urlRouterProvider) => {
    $urlRouterProvider.otherwise('/members');

    $stateProvider
    .state('members', {
        url: '/members',
        templateUrl: 'members/members-view.html',
        resolve: {
            membersService: function($http) {
                return $http.get('/members');
            }
        },
        controller: 'MembersController as membersCtrl'
    })
    .state('members.new', {
        url: '/new',
        template: 'I could use a drink right now.'
    })
    .state('members.test', {
        url: '/test',
        template: 'I could use a drink right now.'
    });
});

然后在我index.html我的平常<div ui-view></div>。那么我做错了什么？

Answer 1

您的配置适用于嵌套状态＆amp;嵌套视图。你需要添加一个

<div ui-view></div>

在您的members-view.html中。这就是嵌套视图的用武之地。

为什么我的路由不能使用UI.Router？

1 个答案: