模板中的角度模板

时间:2014-09-02 00:20:31

标签: javascript angularjs templates single-page-application partials

让我们看看我是否可以在这里描述我的设置......

我正在设计一个角度应用,截至目前,一切都是一页。基本上,当用户单击按钮时,控制器会设置哪个

"<ng-include>"

标签可见。所以我的HTML看起来像这样。

<html ng-app= "myApp">
    <head>
        <!-- header stuff -->
        <!-- all the includes and everything -->
    </head>

    <body>
        <div>
            <!-- page nav bar, its a lot of html but it works -->
        </div>

        <!-- content area -->
        <div ng-show= "showHome">
            <ng-include= "home.html">
        </div>
        <div ng-show= "showProfile">
            <ng-include= "profile.html">
        </div>
        <!-- etc... -->

    </body>
</html>

然后在我的控制器中,我只是设置正确的“showHome”,“showProfile”等......视情况而定。我的问题是,这似乎是一种可怕的扩展方式,这是我第一次尝试这样的应用程序。

重申一下。我希望在html模板中交换时为用户提供单页应用程序的外观。有任何想法吗?多个页面没问题,但我想在每个页面的顶部保留相同的导航栏。

1 个答案:

答案 0 :(得分:2)

我改用ui-router

它是ngRoute的流行替代品,并且非常支持嵌套模板。