Question

所以我使用ng-if循环使用6个不同的模板，每个模板包含大约。 12行HTML代码。这些都在一个视图中（包括自包含标签中的模板）。在这个页面的控制器中，在其他一些函数中，我转储了我的app.factory和该控制器中模板的变化指令。该代码如下：

app.directive('card', function () {
    return {
        restrict: 'E',
        scope: {
            item: '=ngModel'
        }
    };
});

app.directive('template1', function (templates) {
    return {
        replace: true,
        template: templates.template1
    };
});

app.directive('template2', function (templates) {
    return {
        replace: true,
        template: templates.template2
    };
});

app.directive('template3', function (templates) {
    return {
        replace: true,
        template: templates.template3
    };
});

app.directive('template4', function (templates) {
    return {
        replace: true,
        template: templates.template4
    };
});

app.directive('template5', function (templates) {
    return {
        replace: true,
        template: templates.template5
    };
});

app.directive('template6', function (templates) {
    return {
        replace: true,
        template: templates.template6
    };
});

app.factory('templates', function () {
    return {
        template1: '<ng-include src="\'template1.html\'"></ng-include>',
        template2: '<ng-include src="\'template2.html\'"></ng-include>',
        template3: '<ng-include src="\'template3.html\'"></ng-include>',
        template4: '<ng-include src="\'template4.html\'"></ng-include>',
        template5: '<ng-include src="\'template5.html\'"></ng-include>',
        template6: '<ng-include src="\'template6.html\'"></ng-include>'        
    };
});

所以我的主要问题是，是否有一种代码方法来整合这段代码？我读过一些类似的帖子，但他们并没有给我相当的意思。似乎现在的方式有些重复。

另外，正如我所提到的，我的模板大约是12-15行代码时间6.对于这样的小模板，这是在少于500行代码的视图中使用角度的最佳方法，或者它们应该是分成单个或多个部分？在这一点上，它们不会被用于任何其他视图。

非常感谢你的帮助！

角度多模板循环

0 个答案: