В этом степе рассмотрим как можно напечатать таблицу умножения средствами AngularJS.
А поможет нам в этом директива ng-repeat. Это директива позволяет повторить тег n-е количество раз. Вот как она используется:
<body ng-app> <table border="1"> <tr> <th>x</th> <th ng-repeat="h in [1, 2, 3, 4, 5, 6, 7, 8, 9]">{{h}}</th> </tr> <tr ng-repeat="i in [1, 2, 3, 4, 5, 6, 7, 8, 9]"> <td><strong>{{i}}</strong></td> <td ng-repeat="j in [1, 2, 3, 4, 5, 6, 7, 8, 9]">{{i*j}}</td> </tr> </table> </body>
В целом тут должно быть всё понятно. В значении директивы ng-repeat прописывается цикл в формате переменная in [возможные значения].
Выражения в двойных фигурных скобках мы уже рассматривали на прошлом шаге.
исходник
