Question

我的应用程序中有一个嵌套的ui-route。索引页（根页）可以工作，但不能嵌套页面。

这是我的app.js

user@debi:~$ python -c "import sys;print sys.argv" sudo -S java -cp spinn3r-client-3.4.06.jar com.spinn3r.api.Main --vendor=test --remote-filter="'(and (eq source:publisher_type \" WEBLOG\") (eq dc_lang:English) '" 
['-c', 'sudo', '-S', 'java', '-cp', 'spinn3r-client-3.4.06.jar', 'com.spinn3r.api.Main', '--vendor=test', '--remote-filter=\'(and (eq source:publisher_type " WEBLOG") (eq dc_lang:English) \'']

在我的index.html中，我有一个带有ui-view属性的div

var app = angular.module('app', ['ui.router'])
.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
    $stateProvider
        .state('index',
        {
            url: '/index',
            templateUrl: 'index.html'
        })
        .state("index.salesorder",
        {
            url: '/salesorder',
            views: {
                'mainlayout': {
                    templateUrl: 'partials/salesorder.html'

                }
            }

        });
});

我还为angular和ui-route添加了必要的脚本。我在控制台中没有出现任何错误。但销售订单没有显示。我会看到索引。

Answer 1

您的第二个州index.salesorder是index的子州。你有正确嵌套的ui-view吗？看起来你可能需要3个级别的ui-views。

试试这个：

＆＃13;

var app = angular.module('app', ['ui.router'])
.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
    $stateProvider
        .state("salesorder",
        {
            url: '/salesorder',
            views: {
                'mainlayout': {
                    templateUrl: 'partials/salesorder.html'

                }
            }

        });
});

＆＃13;

main.html中：

<div ui-view></div>

salesorder.html：

<div ui-view="mainlayout"></div>

角度ui-view嵌套路由

1 个答案: