AngularJS ng-repeat指令

Question

嗨，我是AngularJS的新手，我正在創建一個手風琴菜單。 我使用了角度UI團隊提供的模板，並希望對其進行調整。 在我的$ scope屬性之一中，我有一個名為groups的變量，它是包含title元素和content元素（由字符串組成的數組）的項的數組。 我使用ng-repeat循環顯示每個標題和內容，但是我實現了第二個ng-repeat指令，因為我希望content數組中的字符串采用列表形式。 第二個ng-repeat指令給我帶來了問題，因為當我僅用一組標題/內容進行測試時，我會得到預期的結果，但是當有多個項目（在手風琴菜單上實際上有更多選項卡）時，它不起作用。 這很可能是我的代碼中的一個小錯誤。 這是我在JS中的模塊代碼：

$scope.groups = [
{
  title: 'Title 1',
  content: ['a','b','c','d'],
}
{
  title: 'Title 2',
  content: ['a','b','c','d']
},
{
  title: 'Title 3',
  content: ['a','b','c','d']
},
{
  title: 'Title 4'
  content: ['a','b','c','d']
}

];

這是我的html：

<accordion-group heading="{{group.title}}" ng-repeat="group in groups">
    <ul>
        <li ng-repeat="item in group.content">{{ item }}</li>
    </ul>
</accordion-group>

這只是具有該錯誤的代碼的一小部分。 再次，它可以工作，例如，如果在代碼中只有groups數組中的第一項，但是一旦我將更多項目添加到groups數組中，它就會崩潰。 提前謝謝您的幫助。

Answer 1

最有可能是由於項目重復，請使用跟蹤依據

<accordion-group heading="{{group.title}}" ng-repeat="group in groups">
    <ul>
        <li ng-repeat="item in group.content track by $index">{{ item }}</li>
    </ul>
</accordion-group>

Answer 2

我已經測試過了，您可能忘記了： accordion標簽。 工作的手風琴代碼如下：

<accordion close-others="oneAtATime">
    <accordion-group heading="{{group.title}}" ng-repeat="group in groups">
    <ul>
        <li ng-repeat="item in group.content">{{ item }}</li>
    </ul>
</accordion-group>
  </accordion>

這是正在工作的矮人的鏈接