This repository was archived by the owner on Apr 12, 2024. It is now read-only.
This repository was archived by the owner on Apr 12, 2024. It is now read-only.
ng-repeat behaves weirdly if angular is accidentally loaded twice or more #5587
Closed
Description
The app below demonstrates how ng-repeat will square, cube, etc. the number of items in a table depending on how many times angular.js is loaded in the page.
<html ng-app="brokentable">
<head>
<title>Broken Angular Table</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script>
if (!window.angular) {
document.write('<script src="angular.min.js"><\/script>');
}
</script>
<script type="text/javascript">
var app = angular.module('brokentable', []);
app.controller('BrokenTable', function($scope) {
$scope.headings = ['One', 'Two', 'Three'];
$scope.fillings = [[1, 2, 3], ['A', 'B', 'C'], [7, 8, 9]];
});
</script>
</head>
<body ng-controller="BrokenTable">
<table>
<tr>
<th ng-repeat="heading in headings">{{heading}}</th>
</tr>
<tr ng-repeat="filling in fillings">
<td ng-repeat="fill in filling">{{fill}}</td>
</tr>
</table>
</body>
</html>