angle-ui bootstrap accordion：is-open属性を正しく見るにはどうすればよいですか？

Question

特定のaccordion-sectionがopenendのときにアクションを実行しようとしています。私のユースケースはこのquestion hereとほとんど同じですが、ng-eachの代わりに静的に定義されたものだけを使用しています。状態変化-オープンしたとき

どういうわけか私はこれが動作しない理由を誰が私を伝えることができ、火災に$ウォッチを取得することはできません。

ビュー：

<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> 

コントローラ：

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

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

はここplunkerです：

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

ページがロードされると「watch acc1：false」が1回だけ表示されますが、アコーディオングループが開かれているときは何も表示されません。

Answer 1

私はAccordionDemoCtrl divの内側<span>を追加している、オープン$ parent.acc1open

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

にバインドするために...

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

ディレクティブは、独自のスコープを持っている、と変更変数は独自のものです。 plunkerとともに

Answer 2

：plnkr.co/edit/1lnbTa?p=preview

私は、これは配列のために働いた：

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}}