I am using ui-bootstrap-tps.js v.2.0.2

However, I am missing something about how I should be using the new syntax, 
even after looking at the docs.


So, using the old syntax with v.2.0.2 works perfectly:

<div>
  <accordion>
  <accordion-group ng-repeat="result in results" is-open="result.open"
                                                 ng-click="expand($index, 
result.imdbID)">
    <accordion-heading>
      {{result.Title}} <i class="pull-right glyphicon" 
ng-class="{'glyphicon-chevron-down': 
result.open,                                         
'glyphicon-chevron-right': !result.open}"></i>
    </accordion-heading>
    <movie-result result="result.data"></movie-result>
  </accordion-group>
  </accordion>
</div>



...and this is how I believe the new syntax should be used, however my 
custom directive gets displayed( open state for accordian-group), and when 
a heading is expanded it does not get closed when another is selected:

<div>
  <uib-accordion>
  <div uib-accordion-group ng-repeat="result in results" is-open=
"result.open"
                                                         
ng-click="expand($index, 
result.imdbID)">
    <uib-accordion-heading>
      {{result.Title}} <i class="pull-right glyphicon" 
ng-class="{'glyphicon-chevron-down': 
result.open,                                         
'glyphicon-chevron-right': !result.open}"></i>
    </uib-accordion-heading>
    <movie-result result="result.data"></movie-result>
  </div>
  </uib-accordion>
</div>


Would appreciate hints on what I am not doing right with new syntax.


-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to