javascript - 如何使用AngularJS使这两部分重复？

Question

我试图让 HTML 中的两个部分重复。第一部分应该重复两次，第二部分应该重复四次。

这是第二部分的具体内容(我希望重复四次)

这是我当前的进度 - Fiddle ( wo Angular JS 应用于第二个)和 Fiddle 2 (w AngularJS)。我让第一部分重复两次，但是当我将重复指令应用于第二部分时，第二部分消失了......

为了完成这两项任务，我使用了 AngularJS Ng-Repeat指示。我确保只 bootstrap或者在包含这两个部分的外部 div 中初始化 Angular 应用程序一次。我遵循 Objects 中的语法在 JavaScript 中将数据分组在一起。我还没有读到任何说你不能有多个 ng-init 的内容(我使用了两个来初始化这两个部分的数据)

<div id="rest_contents" data-ng-app=""> .....

有人发现我的语法有问题或者我做错了什么吗？

Answer 1

检查您的控制台日志，您的节列表定义存在语法错误。您有 pictorial= 但它应该是 pictorial:

<div data-ng-init="sections=[{title: 'Campaign', pictorial:'campaign.png'},
         {title: 'TV Ads', pictorial:'tv_adds.png'} , {title:'Video Archive',pictorial: 'video_archive.png'},
    {title: 'House Showcases', pictorial: 'house_showcases.png'}]" >