Heim > Web-Frontend > js-Tutorial > Hauptteil

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

黄舟
Freigeben: 2017-06-04 10:44:23
Original
1551 Leute haben es durchsucht

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 ] ];
Nach dem Login kopieren

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!