我有以下代码:
<div ng-repeat="module in modules" id="{{module.Id}}"> <ng-include ng-init="bootstrapModule(module.Id)" src=""></ng-include> </div>
我想要像src一样在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"
但是这也不行。而不是花时间在灌木丛周围跳动,我想知道其他任何人是否反对这样的事情,有什么想法?
另外,当我从$资源获取模块时,我以$ q异步返回它们,所以我似乎无法通过控制器将其添加到模块中,因为$ scope.modules只等于一个函数那一点
有任何想法吗?
ngInclude | src指令需要一个角度表达式,这意味着你应该写
ng-src =“’/ modules /’module.Id’/tpl.html’”
从http://docs.angularjs.org/api/ng.directive:ngInclude
ngInclude|src string angular expression evaluating to URL. If the
source is a string constant,make sure you wrap it in quotes,e.g.
src=”‘myPartialTemplate.html'”.
如果您在模型中构建url而不是内联HTML可能会更好
<div ng-repeat="module in modules" id="{{module.Id}}"> <ng-include src="module.url"></ng-include> </div>