Angolazione ui.bootstrap angolare - pagina corrente non aggiornata/orologio non funzionante

Question

Ho un pagination all'interno di unentrambe le direttive sono di ui.bootstrap. Il problema è che $watch non funziona per membro currentPage.

Ora, il codice simile funziona perfettamente per le altre pagine in cui l'impaginazione non si trova all'interno di una finestra di dialogo.

Suppongo che questo problema è legato alla $scope ma poi currentPage è disponibile nel campo di applicazione e posso visualizzarlo sul modello utilizzando {{currentPage}}

Si prega di trovare il codice nella plunker

$scope.$watch('currentPage') non sparare su collegamenti di pagina di scatto.

Ora, per la soluzione alternativa, è possibile utilizzare la richiamata on-select-page fornita dalla direttiva di impaginazione.

ad es.

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

e dentro il mio controller posso avere,

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

Ma ho piuttosto bisogno di capire il motivo per cui in questi casi $scope.$watch abituato lavoro.

Update: Dalla console che segue è il valore osservatori

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

Answer 1

Usa:

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

o una soluzione adeguata:

Quando gli ambiti annidati sono coinvolti vincolare il proprio vars un livello più profondo cioè:

$scope.data.currentPage = ... 

dettagli here

esempio here

Answer 2

Perché si sta creando un nuovo controller (ModalDialogBaseCtl) all'interno del controllore TestCtrl, angolare creerà un nuovo ambito, che eredita tutte le proprietà dal suo genitore.

La riga che mi sembra sospetta è dove si assegna un valore a $ scope.currentPage all'inizio di ModalDialogBaseCtrl. Angular interpreterà questo come dichiarando una nuova variabile chiamata currentPage nel nuovo scope. Tuttavia, il controllo della paginazione è collegato alla variabile currentPage in MainCtrl, quindi guardando ModalDialogBaseCtl non si fa nulla (non cambia mai valore).

Una correzione consiste nell'utilizzare $ padre come suggerisce Max, ma non è una struttura grandiosa. Invece, prova a trovare un modo per avere solo una proprietà currentPage invece di due.