angular-ui bootstrap akkordeon: Wie kann ich das is-open-Attribut richtig beobachten?

Question

Ich versuche eine Aktion auszuführen, wenn ein bestimmter Akkordeonabschnitt geöffnet wird. Mein Anwendungsfall ist fast identisch mit diesem question here, nur verwende ich statisch definierte 's anstelle von ng-each.

Irgendwie kann ich die $ Uhr nicht zu schießen, wenn das ist geöffneten Zustand ändert, kann mir jemand sagen, warum dies nicht funktioniert:

Ausblick:

<accordion close-others="false"> 
    <accordion-group heading="group1" is-open="acc1open"> 
    content 1 
    </accordion-group>  
    <accordion-group heading="group2" is-open="acc2open"> 
    content 2 
    </accordion-group> 
    </accordion> 

Controller:

$scope.acc1open = false; 
    $scope.acc2open = true; 

    $scope.$watch('acc1open', function(){ 
     console.log("watch acc1:" +$scope.acc1open); 
    }, true); 

Hier ist ein Plunker:

http://plnkr.co/edit/Ycms81?p=preview

Es druckt "watch acc1: false" ein einziges Mal, wenn die Seite geladen wird, aber nichts, wenn die Akkordeongruppe geöffnet wird.

Answer 1

Ich habe eine <span> innerhalb des AccordionDemoCtrl div und verändert die offen ist zu $ ​​parent.acc1open

<accordion-group heading="group1" is-open="$parent.acc1open"> 

...

<span ng-click="acc1open = true">Click me to open group 1</span> 

Richtlinien haben ihre eigenen Rahmen zu binden, und die Variablen sind ihre eigenen.

Answer 2

Zusammen mit dem Plunker: plnkr.co/edit/1lnbTa?p=preview

Das fand ich für ein Array gearbeitet:

JS

$scope.array = [object1,object2,object3,object4]; 
$scope.isOpen = [false,false,false,false]; 
$scope.$watch('isOpen', function() { 
    console.log("watch isOpen:" + $scope.isOpen); 
}, true); 

HTML (JADE)

accordion-group(ng-repeat='object in array',is-open="$parent.isOpen[$index]") 
    accordion-heading 
    h4 My Heading {{$index}} 
    p My content {{$index}}