將模板網址傳遞給angularjs指令

Question

有什么方法可以將帶有模板url的字符串對象傳遞給指令？ 我的解決方案無法正常工作。

Javascript：

function moduleView() {
    return{
      restrict: 'A',
           templateUrl: function (elem, attr) {
               return attr.url;
                }
            };
        };
function ModulesCtrl($scope, ModulesService) {
    $scope.modules = [];

    $scope.run = function () {
        ModulesService.loadModules(function (items) {
            $scope.modules = items;
        });
    };

    $scope.run();
};

html（玉）：

ul(ng-repeat="item in modules")
    div(module-view url="item.path")

item.path是帶有url或模板的字符串。

但是此代碼不起作用。 我有這個錯誤：

Error: [$compile:tpload] Failed to load template: item.path

Answer 1

有多種方法可以執行此操作-最簡單的方法是使用ng-include包含模塊的模板。

有關示例，請參見此插件 。

當然，也可以在指令中添加scope變量，並對該變量執行ng-include 。