我有一种情况,我需要在$ compile中传递模板URL路径,而不是如下所示的模板。

function addSubmenu() {
    scope.subMenuAdded = true;
    scope.subMenuVisible = true;
    scope.menuItemClickHandler = function(menuItem) {
        menuController.itemClickHandler.call(menuController, menuItem);
    };
    $compile('<apt-expandable-menu data-menu="menuItem.children" data-on-menu-item-click="menuItemClickHandler" ng-if="subMenuVisible"></apt-expandable-menu>')(scope, function(cloned){
        element.append(cloned);
    });
}


我需要传递如下所示的模板URL,而不是$ compile中的实际模板。

function addSubmenu() {
    scope.subMenuAdded = true;
    scope.subMenuVisible = true;
    scope.menuItemClickHandler = function(menuItem) {
        menuController.itemClickHandler.call(menuController, menuItem);
    };
    $compile('./expandableMenuChildItem.template.html')(scope, function(cloned){
        element.append(cloned);
    });
}


并在expandableMenuChildItem.template.html中:

<apt-expandable-menu data-menu="menuItem.children" data-on-menu-item-click="menuItemClickHandler" ng-if="subMenuVisible"></apt-expandable-menu>


但这给我抛出了一个错误:

angular.js:14199错误:语法错误,无法识别的表达式:./ expandableMenuChildItem.template.html

任何帮助,将不胜感激。

最佳答案

您可以使用$templateRequest服务。像这样:

$templateRequest('nameOfTemplate.html').then(function(template){
    $compile(template)(scope, ..);
});

10-05 20:32
查看更多