文章/答案/技术大牛

发布

社区首页 >问答首页 >吴-重复在一定深度上不工作，安古拉杰

问吴-重复在一定深度上不工作，安古拉杰
EN

Stack Overflow用户

提问于 2016-10-10 12:30:58

回答 1查看 58关注 0票数 0

在这种情况下，我的ng重复，我可以工作到一个特定的水平，但任何更深的，我找不到数组。

这是我的代码，下面还有一个plunkr：

 <div ng-repeat="row in data">
    <label  ng-repeat="key in keys">
      {{row[key]}}
      <input name="optradio" type="radio"/>
    </label>

这个PLunker工作正常，但我想深入到选项层，只显示Option1和Option2。

http://plnkr.co/edit/xNVVFohA6DeU9nCgi7fQ?p=preview

angularjs-ng-repeat

javascript

angularjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-10 12:35:10

options是一个数组，因此您只需迭代它。

var app = angular.module('app', ['ui.bootstrap']);
app.controller('Ctrl', ['$scope',
  function($scope) {

    $scope.data = [{
      "property": "http://api.mydomain.co.uk/",
      "type": "Selection",
      "options": [{
        "text": "Option 01",
        "value": "http://api.mydomain.co.uk/O",
        "type": "SelectionOption"
      }, {
        "text": "Option 02",
        "value": "http://api.mydomain.co.uk/L",
        "type": "SelectionOption"
      }]
    }];

    $scope.keys = Object.keys($scope.data[0]);
  }
]);

<!DOCTYPE html>
<html>

<head>
  <link data-require="bootstrap-css@3.x" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
  <script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
  <script data-require="ui-bootstrap@*" data-semver="0.10.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body ng-app="app" ng-controller="Ctrl">

  <div ng-repeat="row in data">
    <label ng-repeat="opt in row.options">
      {{opt.text}}
      <input name="optradio" type="radio" />
    </label>
    <br>
  </div>

</body>

</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39958364

复制

相似问题

问吴-重复在一定深度上不工作，安古拉杰
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问吴-重复在一定深度上不工作，安古拉杰EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问吴-重复在一定深度上不工作，安古拉杰
EN