One issue I'm encountering is that only one out of the two controllers within my app seems to be registered:
var app = angular.module('MyModule', []);
app.controller('FruitCtrl', function($scope) {
$scope.fruits = ['apples', 'oranges', 'bananas'];
});
app.controller('VegetableCtrl', function($scope) {
$scope.vegetables = ['potato', 'beans', 'onions'];
});
This is how my template looks:
<div ng-app="MyModule">
<div ng-controller="FruitCtrl">
<div ng-repeat="fruit in fruits">{{fruit}}</div>
</div>
<div controller="VegetableCtrl">
<div ng-repeat="vegetable in vegetables">{{vegetable}}</div>
</div>
</div>
Currently, only the "fruits" section is being rendered on the page.
If you'd like to see a demonstration, I have also created a JS fiddle at http://jsfiddle.net/doque/9wfhsgqf/2/