Ng-repeat最初没有工作？

Question

我是Angular的新手，所以我希望有任何帮助来解决这个问题。 所以我有以下声明

<md-list-item ng-repeat="item in masterTopicsList" >

在我的视图文件中。 在我的控制器文件中，我有

$scope.masterTopicsList = [{name: "test"}];

我还有另一个功能：

 $scope.addTopic = function () {
   $scope.masterTopicsList.push({name: "anotherTest"});
}

问题是，我的视图文件最初是空的（不显示任何内容）。但是当我点击调用上述功能的按钮时，我masterTopicsList的两个元素就显示在视图上......

为什么最初只为第一个元素工作？