Heim  >  Artikel  >  Web-Frontend  >  Beispielcode für die gemeinsame Nutzung von AngularJS mithilfe von ng-repeat zum Durchlaufen eines zweidimensionalen Arrays

Beispielcode für die gemeinsame Nutzung von AngularJS mithilfe von ng-repeat zum Durchlaufen eines zweidimensionalen Arrays

黄舟
黄舟Original
2017-06-04 10:44:231592Durchsuche

In diesem Artikel wird hauptsächlich der Beispielcode von angularJS vorgestellt, der ng-repeat zum Durchlaufen eines zweidimensionalen Arrays verwendet. Interessierte Freunde können darauf verweisen

Kürzlich habe ich an einem Berichtsprojekt gearbeitet. In einem Fall wurde mir im Hintergrund ein zweidimensionales Array zurückgegeben, und die Daten wurden in die Tabelle im Frontend eingefügt Wir haben AngularJS verwendet. Das Frontend--Framework , also verwenden Sie ng-repeat zur Implementierung:

Zuerst in js:

Der Code lautet wie folgt:

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

in In HTML:

Stil 1:

<ul ng-repeat="a in Week">
<ul ng-repeat="b in a track by $index">
<li><b style="color: green">{{b}}</b></li>
</ul>
</ul>

Stil 2:

<table style="border:solid 1px">
<tr ng-repeat="a in Week" style="border:solid 1px">
<td ng-repeat="b in a track by $index" style="border:solid 1px">
<b style="color: green">{{b}}</td>
</tr>
</table>

Das obige ist der detaillierte Inhalt vonBeispielcode für die gemeinsame Nutzung von AngularJS mithilfe von ng-repeat zum Durchlaufen eines zweidimensionalen Arrays. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn