Многомерный Массив Аккордеон в Angualr - PullRequest
Новая
       7

Многомерный Массив Аккордеон в Angualr

0 голосов
/ 30 марта 2020

http://plnkr.co/edit/v11KtXMsABkJa2dS

Когда у нас есть массив, как показано ниже: 

 $scope.groups = [
  "abc": [
    {
      title: "Title - 1",
      content: "Content - 1"
    },
    {
      title: "Title - 2",
      content: "Content - 2"
    }
  ],
  "def": [
    {
      title: "Title - 3",
      content: "Content - 3"
    },
    {
      title: "Title - 4",
      content: "Content - 4"
    }
  ] 
];

Хотите отобразить ключи в виде заголовков Accordion и по нажатию показать список пар заголовка и контента. 

<uib-accordion close-others="oneAtATime">
    <uib-accordion-group ng-repeat="(group, grlist) in groups" ng-scroll="(group, grlist) in groups" is-open="group.isOpen" ng-click="updateOpenStatus()">
        <uib-accordion-heading>
            {{group}}
        </uib-accordion-heading>
        <div ng-repeat="val in grlist" class="list-group-item">
                <span>{{val.title}}</span>
                <span>{{val.content}}</span>
          </div>

    </uib-accordion-group>
</uib-accordion>

Кроме того, можно ли показывать в пакетах по 10 с помощью кнопки refre sh, если число пар (заголовок, содержание) в группе очень велико?

...