Angularjs 角度-使用`group by`过滤器显示嵌套集合

我在玩弄——我试着复制他们的例子，但还不起作用。我做错了什么

以下是html：

 <div ng-controller="AccordionDemoCtrl">
    <accordion close-others="oneAtATime">

      <accordion-group is-open="group.isOpen" ng-repeat="(key, value) in groups | groupBy: 'title'">
        <accordion-heading><i class="glyphicon-plus"></i> {{ key }}
          <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': group.isOpen, 'glyphicon-chevron-right': !group.isOpen}"></i>
        </accordion-heading>
        {{group.content}}
        <ul>
      <li ng-repeat="group in value">
        list item: {{group.list}}
      </li>
    </ul>

      </accordion-group>

    </accordion>
  </div>

也许我的做法是错误的，也许我的js文件中的

组

很时髦，我试图做的基本上是有一个集合，每个集合有一个

标题

和一个

内容

条目，但有多个

列表

条目（基本上是多个要点）。但从他们的例子来看，我所做的应该奏效吗

我更喜欢在js文件中执行以下操作：

$scope.groups = [
    {
      title: 'title 1',
      content: 'content 1',
      item: 'bullet point 1',
      isOpen: true
    },
    {
      title: 'title 2',
      content: 'Content 2'
      item: 'bullet point 1',
      item: 'bullet point 2'
    },
    {
      title: 'title 3',
      content: 'Content 3',
      item: 'bullet point 1',
      item: 'bullet point 2',
      item: 'bullet point 3'
    },
    {
      title: 'title 4',
      content: 'content 4',
      item: 'bullet point 1'
    },
    {
      title: 'title 5',
      content: 'content 5',
      item: 'bullet point 1',
      item: 'bullet point 2'
    }
  ];

---

在模块依赖项列表中似乎没有角度过滤器：

更改：

angular.module('app', ['ui.bootstrap','ngSanitize']);

致：

---

angular.module（'app'，['ui.bootstrap'，'ngSanitize'，'angular.filter']）；
角度。模块（'app'）。控制器（'AccordionDemoCtrl'，函数（$scope）{
$scope.oneAtATime=true；
$scope.groups=[{
标题：“标题1”，
内容：“内容1”，
伊索彭：是的
}, {
标题：“标题2”，
内容：“内容2”
}, {
标题：“标题3”，
内容：“内容3”
}, {
标题：“标题4”，
内容：“内容4”
}, {
标题：“标题5”，
内容：“内容5”
}, {
标题：“标题1”，
列表：“项目1”
}, {
标题：“标题1”，
列表：“项目2”
}, {
标题：“标题1”，
列表：“项目3”
}, {
标题：“标题2”，
列表：“项目1”
}, {
标题：“标题2”，
列表：“项目2”
}, {
标题：“标题3”，
列表：“项目1”
}, {
标题：“标题3”，
列表：“项目2”
}, {
标题：“标题4”，
列表：“项目1”
}, {
标题：“标题5”，
列表：“项目1”
}];
});
h1{
字体大小：10px；
填充底部：50px；
}

带嵌套角度收集的动态角度手风琴.试验
{{key}}
{{group.content}


列表项：{{group.list}


谢谢你的帮助。现在它没有在
页面加载
上打开第一个，也没有显示
{{group.content}
。如果将
{{group.content}}
更改为just
{{group}}
，您将看到该组只是该范围内具有
isOpen
属性的对象<代码>内容

未定义。啊，好的，我看到了，很有趣。我修复了

{{group.content}

，将

放在前面。现在唯一的问题是它不再在

pageload

上打开第一个。这是一个新的要求，你不应该期望它会在这个问题的范围之内。您应该将此标记为已回答，如果您还有其他问题，请询问新的问题。当然，也要先自己修好。@jan啊，好的。开始一个新的，即使它是工作，但现在不是？不确定这里的协议，我想应该是原始协议的一部分。谢谢

angular.module('app', ['ui.bootstrap','ngSanitize']);

angular.module('app', ['ui.bootstrap','ngSanitize','angular.filter']);