Javascript 动态加载控制器列表
我无法用angularJS解决以下问题 我有一个包含不同类型数据元素的列表视图。每个元素本身都是一个视图,并且有自己的控制器 现在,我想迭代数据项的Javascript 动态加载控制器列表,javascript,angularjs,dynamic,controller,Javascript,Angularjs,Dynamic,Controller,我无法用angularJS解决以下问题 我有一个包含不同类型数据元素的列表视图。每个元素本身都是一个视图,并且有自己的控制器 现在,我想迭代数据项的数组,并基于recordType属性,用模板初始化控制器,最后将其添加到列表视图中 目前,我正在使用ng include=“item.recordType+'.html'动态加载模板,模板本身有一个ng controller标记,用于加载相关的控制器。但我不确定这是否是最好的办法 <div class="data-item" ng-repeat
数组
,并基于recordType
属性,用模板初始化控制器,最后将其添加到列表视图中
目前,我正在使用ng include=“item.recordType+'.html'
动态加载模板,模板本身有一个ng controller
标记,用于加载相关的控制器。但我不确定这是否是最好的办法
<div class="data-item" ng-repeat="item in container.record_collection">
<div ng-include src="item.tRecordType + '.html'"></div>
</div>
你能给我们看看你的密码吗?由于您的项目是重复的,我会考虑创建一个指令。@kabamaru该指令也会像ng include一样工作,不是吗?顺便说一句,由于应用程序庞大,需要哪部分代码。是的,你可以随意动态地“附加”任意多的指令,但如果你不反复使用这些代码,这可能也不值得麻烦。看见但是你有什么问题?我只是想知道最好的做法。如果你想知道我的意见,ng包含是可以的。我会考虑在两种情况下使用指令。当一段代码被反复使用,或者出于某种原因需要一个私有作用域时。
<script id="apples.html" type="text/ng-template">
<div ng-controller="ApplesController as apple">
<!-- ... HTML TEMPLATE ... -->
</div>
</script>