AngularJS - Pagination not rendering on $scope.Watch change (CodePen included)
<p><strong>Question Background:</strong></p>

<p>I'm learning AngularJS. I have created a simple app that takes in 3 form inputs, and on submission of this form a paginated list should be rendered. I have a dependancy on UI-Bootstrap. This is a Plnkr showing the pagination example I'm attempting to incorporate into my app: <a href="http://plnkr.co/edit/81fPZxpnOQnIHQgp957q?p=preview" rel="nofollow">http://plnkr.co/edit/81fPZxpnOQnIHQgp957q?p=preview</a></p>

<p><strong>The Issue &amp; Demo:</strong></p>

<p>This is the link to my code so far on CodePen:</p>

<p><a href="http://codepen.io/daveharris/pen/NNMQyy" rel="nofollow">http://codepen.io/daveharris/pen/NNMQyy</a></p>

<p>I have a list of 1000 items populating on my <code>SearchingService</code> model that is injected and shared between the two controllers.</p>

<p>I cannot get the paginated <code>ng-repeat</code> to populate when the <code>searchingService.searchList</code> list on the <code>SearchingService</code> model is changed,
It is as if the <code>$scope.Watch</code> is not being triggered.</p>

<p>Any help getting to the bottom of this will be much appreciated.</p>