AngularJS-分页未在$ scope上呈现。观看更改（包括CodePen）

Question

问题背景：

我正在学习AngularJS。我创建了一个简单的应用程序，该应用程序接受3个表单输入，并在提交此表单时显示了分页列表。我对UI-Bootstrap有依赖性。这是一个Plnkr，它显示了我尝试合并到我的应用程序中的分页示例：http ://plnkr.co/edit/81fPZxpnOQnIHQgp957q?p=preview

问题与演示：

到目前为止，这是我在CodePen上的代码的链接：

http://codepen.io/daveharris/pen/NNMQyy

我有一个在我的SearchingService模型中填充的1000个项目的列表，该列表已注入并在两个控制器之间共享。

ng-repeat当模型searchingService.searchList上的列表SearchingService更改时，我无法进行分页填充，就好像$scope.Watch未触发一样。

深入了解此问题的任何帮助将不胜感激。

Answer 1

将第31行从更改$watch为$watchCollection。由于您的服务正在更改数组（通过.push），因此引用保持不变，因此$watch不会触发。$watchCollection将监视对数组成员的引用，而不是对数组本身的引用。