AngularJS Accordion is-open check with ng repeat
<p>I am able to make it work without ng-repeat, However when i have list of elements is-Open is not working.<br>
1. I should be able to open one panel at a time( sometimes it opens all )<br>
2. is-Open should get value true upon panel open<br>
3. If user clicks on list of panel contents after opening the panel, i should be able to fetch value ( similar to is-Open on panel ).         </p>

<p>html</p>

<pre><code>&lt;body ng-app="myApp"&gt;
        &lt;div class="col-sm-6" ng-controller="Controller"&gt;
            &lt;div class="column-nav"&gt;
                &lt;uib-accordion close-others="oneAtATime"&gt;
                    &lt;uib-accordion-group  ng-repeat="group in groups" ng-scroll="group in groups" is-open="$parent.isOpen"&gt;
                        &lt;uib-accordion-heading ng-model="checkTitle"&gt;
                            {{group.title}}
                        &lt;/uib-accordion-heading&gt;
                            &lt;a&gt;{{group.content}}&lt;/a&gt;
                    &lt;/uib-accordion-group&gt;
                &lt;/uib-accordion&gt;
            &lt;/div&gt;
            &lt;div&gt;
                Panel Header Open: {{isOpen}} &lt;br&gt;
                Panel oneAtATime: {{oneAtATime}}
            &lt;/div&gt;
        &lt;/div&gt;  
    &lt;/body&gt;
</code></pre>

<p>app.js</p>

<pre><code>myApp.controller('Controller', ['$scope', function($scope) {

    $scope.isOpen = false;
    $scope.oneAtATime = true;

    // Data 
     $scope.groups = [
    {
      title: "Dynamic Group Header - 1",
      content: "Content - 1"
    },
    {
      title: "Dynamic Group Header - 2",
      content: "Content - 2"
    }
  ];

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

  }]);
</code></pre>

<p><a href="http://plnkr.co/edit/d2KGf93YIAHYj1N31Kgt" rel="nofollow">Plunker</a></p>

<p>Thanks for your help and suggestions.</p>