javascript - 为什么我的路线无法使用 UI.Router 工作？

Question

我正在尝试整理一些简单的路线，但我遇到了很大的困难。 这是 git repo 的链接.

当我导航到 /members 时我的成员(member)加载完美。当我导航到/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

您的配置适用于嵌套状态和嵌套 View 。您需要添加一个

<div ui-view></div> 

在您的members-view.html 中。这就是您的嵌套 View 所在的位置。