>  Q&A  >  본문

angular.js - angularjs 嵌套布局如何实现?

是这样的,我的应用分为前台(home)和用户后台(user),按照基础教程index.html作为首页,同时也作为全局layout。

我的项目大致结构如下:

app
    app.js
    routes.js
    views
        home
            about
                index.html
            login
                index.html
            layout.html
        user
            dashboard
                index.html
            articles
                index.html
                detail.html
            layout.html
    index.html

现在我想的是,views/home 下的模板都继承 views/home/layout.html,同理views/user。
以views/home/about/index.html为例,路由url是这样的:

$routerProvider.when("/about",{
    templateUrl : "views/home/about/index.html"
});

现在的问题是,app/views/home/about/index.html 直接继承了 app/index.html,而我想让它这样继承:

app/views/home/about/index.html -> app/views/home/layout.html -> app/index.html -> 输出到浏览器

该如何实现呢?

======
我找到了一个叫做 angular-ui-router 的第三方插件,它可以替代angular-router,可以实现这个功能。

習慣沉默習慣沉默2686일 전576

모든 응답(3)나는 대답할 것이다

  • 某草草

    某草草2017-05-15 16:53:01

    당신의 선택이 옳습니다.

    회신하다
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-15 16:53:01

    MEAN.JS의 구조와 매우 유사하니 참고하시면 됩니다.

    회신하다
    0
  • phpcn_u1582

    phpcn_u15822017-05-15 16:53:01

    페이지의 모든 요소를 ​​지시문으로 만들고, 지시문에 상속 및 중첩 관계를 넣고, 한 페이지에서 여러 지시문을 조합하여 사용하세요.

    회신하다
    0
  • 취소회신하다