如何为角度布线创建布局模板？

Question

我使用角度路由：

angular.module("app-test", ["ngRoute"]).config(function ($routeProvider, $locationProvider) {

    $locationProvider.hashPrefix('');

    $routeProvider.when("/",
        {
            controller: "firstController",
            templateUrl: "/views/first/index.html"
        });

    $routeProvider.when("/second",
        {
            controller: "secondController",
            templateUrl: "/views/second/index.html"
        });

    $routeProvider.otherwise({ redirectTo: "/" });
});

但是我不同的路线的所有视图（如视图/首/ index.html的，视图/秒/ index.html的 ，等等）有重复的html代码一样装载面板，消息等我怎样才能在外包那些常见的语法例如一个布局html页面 ，该页面 与角路由的所有templateUrl视图一起使用 ？

例如，如果每个templateUrl都有以下html代码- <div>{{message}}</div> -我想将此代码放在一个额外的html文件中，该文件将在角度路由获取视图时包含在templateUrl中。

Answer 1

您可以使用ng-include 。 但您也可以将同一View（html）与不同的控制器一起使用：

$routeProvider.when("/",
        {
            controller: "firstController",
            templateUrl: "/views/shared.html"
        });

    $routeProvider.when("/second",
        {
            controller: "secondController",
            templateUrl: "/views/shared.html"
        });

另请注意，“视图”文件夹的缩放比例不太理想。 最好为每个功能都有一个功能目录，其中包含构建该功能所需的所有部分。 共享的内容可能会有点麻烦-如果您事先知道要共享它，则可以将其放在“共享”或“公共”目录中，但是有时您最终会从原来的功能中使用它第一次使用。