I have the following code:
<div ng-repeat="module in modules" id="{{module.Id}}">
<ng-include ng-init="bootstrapModule(module.Id)" src=""></ng-include>
</div>
I want to be able to build a string in src like so:
/modules/{{module.Name}}/{{module.Name}}.tpl.html
But I keep hitting roadblocks. I've tried to use a call back function to build it,
$scope.constructTemplateUrl = function(id) {
return '/modules/' + id + '/' + id + '.tpl.html';
}
But this gets called over & over & over and it doesn't seem to like that. I've also tried to construct it like so:
ng-src="/modules/{{module.Id}}/{{module.Id}}.tpl.html"
But that isn't working either. Rather than spend hours beating around the bush, I wondered if anyone else has come up against something like this and has any ideas?
Also, when I grab the modules from $resource, I am returning them asynchronously with $q, so I can't seem to go through and add it into the modules before in the controller as $scope.modules
just equals a then
function at that point.
Any ideas?