javascript - 如何在angularjs中创建项目具有不同 Controller 的列表

标签 javascript angularjs

我有一个列表,其中可以包含需要不同模板/ Controller 的不同类型的东西。在 angular js 中执行此操作的最佳方法是什么。

到目前为止,我想到的最好办法是将模板作为 ng-repeat 数据的一部分。

<ul>
  <li ng-repeat="foo in list">
    <div ng-include src="'partials/'+foo.template+'.template.html'">
    </div>
  </li>
</ul>

列表是这样的。

[{template:'foo',data:{...}},{template:'bar',data:{...}}]

最佳答案

我觉得不错,您甚至不需要 <div>标签,因为您可以将 ng-include 附加到 <li>标签(我认为)。

关于javascript - 如何在angularjs中创建项目具有不同 Controller 的列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12254646/

相关文章:

javascript - 如何更新 ng-model 值

javascript - Angular SVG 单元测试如何获取 SVGLengthList

javascript - 通过使用 toString 将数字转换为字符串来反转数字

javascript - 如何使条形图上的 xAxis 匹配 pointWidth

javascript - 禁用 Fengyuanchen Datepicker jQuery 插件中的特定日期

javascript - 我应该按什么顺序添加这些 JavaScript 文件引用才能使 jQuery 数据表编辑器正常工作?

javascript - Reactify、Browserify 和 Gulp : TypeError: Object #<Transform> has no method 'transform'

javascript - 是否可以打印带 Angular 常规 html 标签?

javascript - AngularJS:在回调中设置私有(private)服务变量

angularjs - 如何在 Angular 应用的 Karma 测试中模拟 Firebase