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

发布时间：2020-12-17 08:26:42 所属栏目：安全来源：网络整理

导读：我有以下代码： 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 但我继续打路

我有以下代码：

<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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!