Angular ui-router不扩展父视图

时间:2016-02-13 07:58:33

标签: javascript angularjs

我正在尝试将父视图扩展到子视图。

我的路线.js

let view = {
    '': {
        templateUrl: '/app/content.html'
    },
    'sidebar': {
        templateUrl: '/app/sidebar.html'
    }
};
.state('profile', {
    abstract: true,
    url: '/profile',
    views: view,
    templateUrl: '/app/profile/profile.html'
})
.state('profile.about', {
    parent: 'profile',
    url: '/about',
    views: {
        '': {
            templateUrl: '/app/profile/about.html'
        }
    }
})

我的index.html:

<div ui-view></div>

我的个人资料/ profile.html:

//all other stuff (header, sidebar, etc)
<div>
    <h1>Profile</h1>
    <div ui-view=""></div>
</div>

我的个人资料/ about.html:

<div>
    <h1>About</h1>
</div>

一切都很完美,包括侧边栏。

问题是about.html正在显示该页面,但它没有扩展profile/profile.html页面。

任何解决方案?

这是plunker

考虑到route1未显示但test.html显示的方式,它有点不同但是相同。

1 个答案:

答案 0 :(得分:0)

尝试这种方式:

 <configuration>
		<includes>
			<include>**/A01TestSuite.java</include>
			<include>**/A02ServiceTestSuite.java</include>
			<include>**/A03FlowTestSuite.java</include>
		</includes>
		<additionalClasspathElements>
			<additionalClasspathElement>${webinf.dir
               </additionalClasspathElement>
			</additionalClasspathElements>
		<systemPropertyVariables>
		       <log4j.configuration>file:${l4j.test}/log4j.test.properties</log4j.configuration>
		</systemPropertyVariables>
		<forkMode>always</forkMode>
		<argLine>-Xms512m -Xmx512m</argLine>
		<parallel>classes</parallel>
		<threadCount>10</threadCount>

</configuration>