问题描述:

I am able to fill the contents row-by-row. However, I was wondering how would we fill a table with two columns. I want it to be filled columnwise without repeating contents. Basically, it should return a table with two rows and two columns.

<!DOCTYPE html>

<html>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<body ng-app="myApp" ng-controller="myCtrl">

<h1 ng-repeat="x in records">

<table align=center>

<tr>

<td>{{x}}</td>

<td>{{x}}</td>

</tr>

</table>

</h1>

<script>

var app = angular.module("myApp", []);

app.controller("myCtrl", function($scope) {

$scope.records = [

"Alfreds Futterkiste",

"Berglunds snabbköp",

"Centro comercial Moctezuma",

"Ernst Handel",

]

});

</script>

</body>

</html>

相关阅读:
Top