Angular ui.bootstrap paginacja - bieżąca strona nie aktualizuje się/oglądaj nie działa

Question

Mam pagination wewnątrz dialog obie dyrektywy są z ui.bootstrap. Problem polega na tym, że $watch nie działa dla elementu CurrentPage.

Teraz podobny kod działa idealnie dobrze dla innych stron, w których w niektórych oknach dialogowych nie ma paginacji.

Przypuszczam ten problem jest związany z $scope ale potem currentPage jest dostępny w zakresie i mogę wyświetlić go na szablonie przy użyciu {{currentPage}}

Proszę znaleźć kod w plunker

$scope.$watch('currentPage') nie jest opalanych klikając na linki strony.

Teraz, w celu obejścia problemu, można użyć wywołania zwrotnego on-select-page dostarczonego przez dyrektywę paginacji.

np.

<pagination on-select-page="pageChanged(page)" total-items="totalItems" items-per-page = "numPerPage" page="currentPage" max-size="maxSize"></pagination> 

i wewnątrz mojego kontrolera mogę mieć,

$scope.pageChanged = function(page) { 
    console.log(page);  
}; 

Ale raczej trzeba zrozumieć, dlaczego w takich przypadkach $scope.$watch przyzwyczajenie praca.

Aktualizacja: Z konsoli Poniżej znajduje się wartość Obserwowane

$$watchers: Array[1] 
0th: Object 
    eq: false 
    exp: "currentPage" 
    fn: function (o,n){} 

Answer 1

Zastosowanie:

... page="$parent.currentPage" ... 

Albo właściwe rozwiązanie:

Kiedy zagnieżdżone zakresy są zaangażowane powiązać Vars poziom głębszy tj .:

$scope.data.currentPage = ... 

szczegóły here

przykład here

Answer 2

Ponieważ podczas tworzenia nowego kontrolera (ModalDialogBaseCtl) wewnątrz sterownika TestCtrl, kątowe stworzy nowy zakres, który dziedziczy wszystkie właściwości z jego rodzica.

Linia, która wydaje mi się podejrzana, to miejsce, w którym przypisujesz wartość do $ scope.currentPage na początku ModalDialogBaseCtrl. Angular interpretuje to jako deklarującą nową zmienną o nazwie currentPage w nowym zakresie. Jednak twoja kontrola paginacji jest dołączona do zmiennej currentPage w MainCtrl, więc oglądanie ModalDialogBaseCtl nie robi nic (nigdy nie zmienia wartości).

Jedną z poprawek jest użycie $ parent, jak sugeruje Max, ale to nie jest świetna struktura. Zamiast tego spróbuj znaleźć sposób, aby mieć tylko jedną właściwość currentPage zamiast dwóch.