Explication détaillée d'AngularJS utilisant ng-repeat pour parcourir les éléments d'un tableau bidimensionnel-js tutoriel-php.cn

Maison

interface Web

js tutoriel

Explication détaillée d'AngularJS utilisant ng-repeat pour parcourir les éléments d'un tableau bidimensionnel

Dec 22, 2017 am 10:51 AM

angularjs javascript

Lorsque nous travaillons sur un projet de rapport, il arrive que le backend me renvoie un tableau bidimensionnel et que les données soient placées dans le tableau du frontend. Parce que nous utilisons le framework frontend d'angularJS, nous utilisons. ng-répéter. Cet article présente principalement la méthode d'AngularJS utilisant ng-repeat pour parcourir les éléments de tableau bidimensionnel et analyse les compétences opérationnelles associées à la traversée d'éléments de tableau bidimensionnel AngularJS sous forme d'exemples. Les amis qui en ont besoin peuvent s'y référer. j'espère que cela pourra aider tout le monde.

Méthode d'implémentation :

Premier en js :

$scope.Week = [[ '云南省 ', 'a', 's', 'd', 'e', 'w','t' ],[ '陕西省 ', 'l', 'p', 'o', 'i', 'u','y' ],[ '青海省 ', 1, 2, 4, 4, 5, 6 ] ];

Copier après la connexion

En HTML :

Style 1 :

&lt;ul ng-repeat=&quot;a in Week&quot;&gt;
&lt;ul ng-repeat=&quot;b in a track by $index&quot;&gt;
&lt;li&gt;&lt;b style=&quot;color: green&quot;&gt;{{b}}&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/ul&gt;

Copier après la connexion

Style 2 :

&lt;table style=&quot;border:solid 1px&quot;&gt;
&lt;tr ng-repeat=&quot;a in Week&quot; style=&quot;border:solid 1px&quot;&gt;
&lt;td ng-repeat=&quot;b in a track by $index&quot; style=&quot;border:solid 1px&quot;&gt;
&lt;b style=&quot;color: green&quot;&gt;{{b}}&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;

Copier après la connexion

L'exemple de code de test est le suivant :

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
 &lt;meta charset=&quot;UTF-8&quot;&gt;
 &lt;title&gt;www.jb51.net 遍历二维数组元素&lt;/title&gt;
 &lt;script src=&quot;angular.min.js&quot;&gt;&lt;/script&gt;
 &lt;script&gt;
  var app=angular.module("lesson",[]);
  app.controller("oneCtrl",function($scope){
   $scope.Week = [[ '云南省 ', 'a', 's', 'd', 'e', 'w','t' ],[ '陕西省 ', 'l', 'p', 'o', 'i', 'u','y' ],[ '青海省 ', 1, 2, 4, 4, 5, 6 ] ];
  });
 &lt;/script&gt;
&lt;/head&gt;
&lt;body ng-app=&quot;lesson&quot; ng-controller=&quot;oneCtrl&quot;&gt;
 遍历数组所有元素（样式一）：
 &lt;ul ng-repeat=&quot;a in Week&quot;&gt;
  &lt;ul ng-repeat=&quot;b in a track by $index&quot;&gt;
  &lt;li&gt;&lt;b style=&quot;color: green&quot;&gt;{{b}}&lt;/b&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/ul&gt;
  遍历数组所有元素（样式二）：
  &lt;table style=&quot;border:solid 1px&quot;&gt;
  &lt;tr ng-repeat=&quot;a in Week&quot; style=&quot;border:solid 1px&quot;&gt;
  &lt;td ng-repeat=&quot;b in a track by $index&quot; style=&quot;border:solid 1px&quot;&gt;
  &lt;b style=&quot;color: green&quot;&gt;{{b}}&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;

Copier après la connexion

Effet de course :

Connexe recommandations ;

Méthodes pour parcourir des tableaux bidimensionnels dans différentes formes de sortie en PHP

Code PHP de tableau pour parcourir des tableaux bidimensionnels

Discutez de plusieurs méthodes de parcours de tableaux bidimensionnels dans le didacticiel PHP_PHP

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn