Question

我有一个网页，这是主视图实例。然后我在其中有4个嵌套视图，每个都调用自己的页面。我可以使用1嵌套视图来处理这个问题，但是如果我尝试使用另一个，则会失败。

错误是：转换拒绝（$ id：0类型：6，消息：转换错误，详细信息：错误：无法转换为抽象状态'aviation_network'）

代码：

    var app = angular.module('base_app', ['ui.router', 'controllers']);

    app.config(function($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/home');

$stateProvider

    .state('home', {
        url: '/home',
        templateUrl: './content/start_page.html'
    })

    .state('launch_page', {
        url: '/launch_page',
        templateUrl: './content/launch_page.html'
    })

    .state('connected_aircraft', {
        url: '/connected_aircraft',
        templateUrl: './content/connected_aircraft.html'
    })

    .state('aviation_network', {
        abstract: true,
        url: '/aviation_network',
        templateUrl: './content/aviation_network.html'
    })

    .state('aviation_network.home', {
            url: '',
            templateUrl: './content/what_is_sbs.html'
        })

    .state('broadband_safety', {
        abstract: true,
        url: '/broadband_safety',
        templateUrl: './content/broadband_safety.html'
    })

        .state('broadband_safety.home', {
            url: '',
            templateUrl: './content/what_is_sbs.html'
        })

州宽带安全工作正常，连接起来。但是，当我使用aviation_network做同样的事情时，它失败了。为什么呢？

使用ui-router的视图内的多个嵌套视图

0 个答案: