Как получить только первые данные из списка массивов внутри массива, используя ng-repeat - PullRequest
Новая
       8

Как получить только первые данные из списка массивов внутри массива, используя ng-repeat

0 голосов
/ 18 мая 2018

Можно ли использовать ng-repeat с массивом массивов?

Вот мой взгляд: 

<div ng-repeat="item in items">
  <p>{{item}}</p>
  <ul>
    <li ng-repeat="i in items">{{i}}</li>
  </ul>
</div>

Вот мой контроллер: 

var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.items = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
  ]
});

iхотел напечатать только 1,4,7 с помощью ng-repeat это возможно?

Ответы [ 5 ]

0 голосов
/ 18 мая 2018

это будет работать: 

<table ng-controller="myCtrl" border="1">
<tr ng-repeat="x in records">
  <td>{{x[0]}}</td>  
</tr>
</table>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.records = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
  ]
});
</script>

</body>
</html>
0 голосов
/ 18 мая 2018

Вот то, что вы ищете 

<li ng-repeat="item in items">{{item[0]}}</li>
0 голосов
/ 18 мая 2018

Попробуйте следовать 

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.items = {"Projects":[{"ProjectName":"SmarTest","ProjectDescription":"abc","ModuleDetails":[{"Maintitle":"Getting Started with IoT1"},{"Maintitle ":"Getting Started with IoT2 "}]},{"ProjectName":"SmarTest","ProjectDescription":"abc","ModuleDetails":[{"Maintitle":"Getting Started with IoT3"},{"Maintitle ":"Getting Started with IoT4 "}]}]};
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app="plunker" ng-controller="MainCtrl">
  <ul>
    <li ng-repeat="project in items.Projects">{{project.ModuleDetails[0].Maintitle}}</li>
  </ul>
</body>

Для настройки - Плункер

0 голосов
/ 18 мая 2018

Вам не нужно повторять нг, вы можете просто сделать

пункт [0].

DEMO 

var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.items = [
      [1, 2, 3],
      [4, 5, 6],
      [7, 8, 9]
    ]
  });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="plunker" ng-controller="MainCtrl">
<div ng-repeat="item in items">
  
    <li>{{item[0]}}</li>

</div>
0 голосов
/ 18 мая 2018

Попробуйте этот подход: 

<li ng-repeat="i in items">{{i[0]}}</li>

Если вы хотите второй столбец, вы можете изменить i [0] на i [1] и т. Д.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...