ホームページ > 記事 > ウェブフロントエンド > angularJS が ng-repeat を使用して 2 次元配列を走査する方法を共有するサンプルコード
この記事では、二次元配列をトラバースする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 サイトの他の関連記事を参照してください。