Cannot read property 'expanded' of undefined

[peter00155]

Im trying to display this:

 <v-accordion class="vAccordion--default" multiple>

 <!-- Pane One expanded -->
  <v-pane expanded>
  <v-pane-header>
    Pane header #1
  </v-pane-header>

  <v-pane-content>
    Pane content #1
  </v-pane-content>
 </v-pane>

 <!-- Pane Two expanded too -->
   <v-pane expanded>
     <v-pane-header>
      Pane header #2
   </v-pane-header>

   <v-pane-content>
      Pane content #2
    </v-pane-content>
   </v-pane>

</v-accordion>

And this message appear: TypeError: Cannot read property 'expanded' of undefined. What can cause it?

[c-dante]

if you're using https://angular-ui.github.io/bootstrap/ It's a namespace collision with ui-bootstrap

accordionConfig collides with ui-bootstraps similar angular constant.

[marinbgd]

Aaaaaand how to fix this ? I want to use both libs.

[peter00155]

Define vAccordion after ui.bootstrap in angular.module. Like this:

  var myApp = angular.module('myApp', [ 'ui.bootstrap', 'vAccordion']);

[marinbgd]

Thanks. It works :)