具有单独状态的AngularJs不起作用

时间:2016-07-29 12:21:35

标签: javascript angularjs angular-ui-router

像这样的代码。

$stateProvider
    .state('site', {
        abstract:'true',
        views: {
            'header': {
                templateUrl: 'scripts/header/header.html',
                controller: 'HeaderController'
            },
            '': {
                template: '<div ui-view></div>'
            }
        }
    });

$stateProvider.state('main', {
    url: "",
    parent: "site",
    views: {
        "": {
            templateUrl: "scripts/app/main/main.html",
            controller: "MainController"
        },
        'header': {
            templateUrl: 'scripts/app/header/header.html',
            controller: 'HeaderController'
        }
    }
});

并且index.html就像

<body class="container">
    <div ui-view="header"></div>
    <div ui-view></div>
</div>

实际上,我通过删除波纹管代码来测试,它在网站&#39;中运行。内容。 state可以插入index.html&#39;标题&#39; ui-view和空的ui-view部分。所以我想贝娄代码部分有问题。但是有什么不对的?我无法理解。

$stateProvider.state('main', {
    url: "",
    parent: "site",
    views: {
        "": {
            templateUrl: "scripts/app/main/main.html",
            controller: "MainController"
        },
        'header': {
            templateUrl: 'scripts/app/header/header.html',
            controller: 'HeaderController'
        }
    }
});

0 个答案:

没有答案