How can i make Bootstrap collapse work properly with nested AngularJS ng-repeat?

  • Stack Overflow works best with JavaScript enabled
  • Join the Stack Overflow Community
  • Stack Overflow is a community of 6.7 million programmers, just like you, helping each other.
  • Browse other questions tagged angularjs twitter-bootstrap or ask your own question .
  • sign up log in tour help

When i click any of the collapse toggle icons, it only works for the first li generated by the ng-repeat, how can i fix this so it only collapses it’s parent li?

@askbootstrap: ¿?—How can i make Bootstrap collapse work properly with nested AngularJS ng-repeat?

$scope.data = [{ label: ‘North America’, children: [{ label: ‘Canada’, children: [‘Toronto’, ‘Vancouver’] }, { label: ‘USA’, children: [‘New York’, ‘Los Angeles’] }, { label: ‘Mexico’, children: [‘Mexico City’, ‘Guadalajara’] }] }, { label: ‘South America’, children: [{ label: ‘Venezuela’, children: [‘Caracas’, ‘Maracaibo’] }, { label: ‘Brazil’, children: [‘Sao Paulo’, ‘Rio de Janeiro’] }, { label: ‘Argentina’, children: [‘Buenos Aires’, ‘Cordoba’] }] }];

Typically, how many combat encounters should a low-level party have before they are expected to take a long rest?

Why didn’t Frodo take a map with him?

Will an old film camera still work even when not used in a very long time?

How can i make Bootstrap collapse work properly with nested AngularJS ng-repeat?

You might also like More from author

Comments are closed, but trackbacks and pingbacks are open.