javascript - Angular ng-repeat 通过子数组

标签 javascript angularjs angularjs-ng-repeat

在我的应用程序中,我有以下 JSON 结构:

JSON Structure

澄清一下,我有一个“父”数组,然后在其中包含包含产品的子数组(品牌)。然后将该数组附加到 $scope,如下所示:$scope.notebooks = data;

上面只是打印出一个对象,因为这是它能看到的所有 Angular,那么你如何访问 ng-repeat 中的子数组,然后对选定的子数组进行重复?

然后我将创建一个过滤器,允许您切换/查看所选品牌的产品。

最佳答案

您只需在父 ng-repeat 中放置一个 ng-repeat。 Plunker .

<input type="text" ng-model="search">
<ul ng-repeat="brand in laptops">
  <li ng-repeat="laptop in brand | filter:search">
    <span ng-bind="laptop"></span>
  </li>
</ul>

关于javascript - Angular ng-repeat 通过子数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25330608/

相关文章:

javascript - 使用下拉列表动态更改 href 属性的问题

JavaScript:在给定 .map() 输入参数的情况下创建对象,而不使用 ES6 {} 快捷方式

javascript - 如何在 Angularjs 中为动态选项卡实现 url

angularjs - 在 ng-init 中添加过滤器

javascript - 如何使用 setTimeout、setInterval 或循环显示?

javascript - Jquery 1.9.1、CSS 和谷歌地图 : "Display: none" issue

javascript - AngularJS:如何将对象映射到 HTML 属性

javascript - 来自 Firebase 的 2 个或多个 $scope 的数学函数,例如 sum、multiple 等

javascript - 无法使用 AngularJS (JavaScript) 设置边距

javascript - 选择不绑定(bind)数据ng-重复数据