27

我有以下代码:

<div ng-repeat="module in modules" id="{{module.Id}}">
    <ng-include ng-init="bootstrapModule(module.Id)" src=""></ng-include>
</div>

我希望能够像这样在 src 中构建一个字符串:

/modules/{{module.Name}}/{{module.Name}}.tpl.html

但我不断遇到障碍。我尝试使用回调函数来构建它,

$scope.constructTemplateUrl = function(id) {
    return '/modules/' + id + '/' + id + '.tpl.html';
}

但这被一遍又一遍地调用,它似乎不喜欢那样。我也尝试过这样构建它:

ng-src="/modules/{{module.Id}}/{{module.Id}}.tpl.html"

但这也行不通。与其花几个小时拐弯抹角,我想知道是否有其他人遇到过这样的事情并有任何想法?

另外,当我从 $resource 中获取模块时,我会使用 $q 异步返回它们,所以我似乎无法通过并将其添加到控制器之前的模块中,因为此时$scope.modules它等于一个then函数。

有任何想法吗?

4

1 回答 1

59

ngInclude | src指令需要一个角度表达式,这意味着您可能应该编写

ng-src="'/modules/' + module.Id + '/tpl.html'"

来自http://docs.angularjs.org/api/ng.directive:ngInclude

ngInclude|src 字符串角度表达式计算为 URL。如果源是字符串常量,请确保将其括在引号中,例如 src="'myPartialTemplate.html'"。

如果您在模型中构造 url 而不是内联 HTML 可能会更好

<div ng-repeat="module in modules" id="{{module.Id}}">
    <ng-include src="module.url"></ng-include>
</div>
于 2013-09-24T08:49:22.740 回答