スコープ変数は、その値

Question

HTML code: 
<section ng-controller="GalleryController as gallery" > 
    <div photo-directive ng-repeat="photo in gallery.photos" ng-if="$index>=50*counter && $index<50*(counter+1)"></div> 
</section> 
<script src="js/controller.js"></script> 

とcontroller.js:

(function() { 
    angular 
    .module('myapp') 
    .controller('GalleryController', GalleryController); 

    GalleryController.$inject = ['GalleryService']; 

    function GalleryController(GalleryService){ 
    var self=this; 
    self.counter=0; 
    } 
})(); 

約gallery.photos and photo-directiveを心配しないで取得していません。私の問題は、0の代わりにDOMがロードされてもカウンターに値がないということです。なぜその？そしてコントローラから値を読み取るように、どうすればを修正できますか？

Answer 1

コントローラーの$ scopeはどこですか？ の代わりにコントローラの中に$ scope.counter = 0を追加する必要があります。$ scopeに添付されたものはすべてビューから読み取ることができます。

Answer 2

、あなたが `$のscope`にカウンターを追加しないよう、gallery.counter``としてそれにアクセスする必要がありますが、

gallery.counter