Angular.js ng-repeat не отображает содержимое

Я пытаюсь загрузить некоторый контент, используя ng-repeat с Angular.js. Я установил контроллер, который создаст массив, и соответствующий HTML использует ng-repeat для отображения всех элементов в массиве.

HTML:

<div class="list-group" ng-controller="MainController as ctrl">
<p class="list-group-item cat" ng-repeat="element in ctrl.current_articles">{{ element }}</p>
</div>

JS:

angular.module('newsclassifier', [])

.controller('MainController', ['$http', function($http){
  var self = this;
  self.current_articles = [1,2,3,4,5];

}]);

Теперь при запуске этого кода я могу видеть, что строки для 5 элементов создаются в соответствующем div. Однако содержимое не отображается. Я попытался использовать даже синтаксис $ scope, но не имел никакого значения. Я запускаю версию 1.4.8 от Angular.js. Здесь что-то не так?