Question

我正在尝试将第一个子组件放入父组件中，例如test1.html应位于test.html内。这是html代码：

的test.html：

<div ui-view></div>

test1.html：

<h1>First</h1>
<button>Go to second page</button> // This should render test2.html inside test.html

test2.html：

<h2>Second</h2>

test1.controller.js：

    .state('app.test', {
        url: '^/test',
        templateUrl: '/test/test.view.html',
        controller: 'TestController',
        controllerAs: 'testCtrl'
    })
    .state('app.test1', {
        url: '^/test1',
        templateUrl: '/test1/test1.view.html',
        controller: 'test1Controller',
        controllerAs: 'test1Ctrl'
    })
    .state('app.test2', {
        url: '^/test2',
        templateUrl: '/test2.view.html',
        controller: 'test2Controller',
        controllerAs: 'test1Ctrl'
    })

目前只是加载主test.html页面而没有任何test1.html。

Answer 1

试试这个：

.state('app.test', {
            url: '^/test',
            templateUrl: '/test/test.view.html',
            controller: 'TestController',
            controllerAs: 'testCtrl'
        })
        .state('app.test.test1', {
            url: '/test1',
            templateUrl: '/test1/test1.view.html',
            controller: 'test1Controller',
            controllerAs: 'test1Ctrl'
        })
        .state('app.test.test2', {
            url: '/test2',
            templateUrl: '/test2.view.html',
            controller: 'test2Controller',
            controllerAs: 'test1Ctrl'
        })

Angular：将第一个子项插入父项（ui-view）

1 个答案: