ホームページ  >  記事  >  ウェブフロントエンド  >  angularJS が ng-repeat を使用して 2 次元配列を走査する方法を共有するサンプルコード

angularJS が ng-repeat を使用して 2 次元配列を走査する方法を共有するサンプルコード

黄舟
黄舟オリジナル
2017-06-04 10:44:231609ブラウズ

この記事では、二次元配列をトラバースするangularJSのサンプルコードを主に紹介します。興味のある方は、

最近のレポートプロジェクトを参照してください。バックグラウンドで返されるのは 2 次元配列で、データはフロントエンドの table に入れられます。AngularJS フロントエンド framework を使用しているため、それを実装するために ng-repeat を使用します。
まず、js の場合:

コードは次のとおりです:

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

HTML の場合:


スタイル 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>

スタイル 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>

以上がangularJS が ng-repeat を使用して 2 次元配列を走査する方法を共有するサンプルコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。