angularjs – 如何动态构建ng-include src?

前端之家收集整理的这篇文章主要介绍了angularjs – 如何动态构建ng-include src?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码
<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>

猜你在找的Angularjs相关文章