Wählen Element funktioniert nicht in ui.bootsrap.tabs

Question

Ich versuche derzeit, wählen Element in Registerkarte Blöcke.

Mit ui.bootstrap.tabs, select HTML-Element nicht das Modell auf Javascript-Seite feuern. Sie können mein Problem zeigen at plunkr. Wenn Sie das äußere Element select ändern, wird die ausgewählte Item-ID normal gemeldet. Das zweite Auswahlelement, das innerhalb der Registerkarte angezeigt wird, alarmiert jedoch nur die erste ausgewählte Element-ID.

Jemand sagt mir, das ist ein Fehler oder mein Fehler?

Answer 1

Dies passiert, weil Ihre Ansicht innerhalb des uib-Tabsets liegt und einen eigenen Bereich hat. Das selectOption-Modell in uib-tabset befindet sich also im $ -Bereich des uib-Tabsets und nicht im $ -Bereich des Controllers.

daher jedes Mal ändern Sie einen beliebigen Wert Alarm wurde zeigt 1.

Ich habe eine aktualisierte plunkr geschaffen, die das Problem löst. http://plnkr.co/edit/lbiUUY?p=preview

vm = this //This is the preferred way over $scope for defining variables 

Aber ich schlage vor, Sie einen Blick auf Winkel Umfang Hierarchie haben: Es kann zu finden. Angujs Scope