我有一种情况,我需要在$ 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, ..);
});