Angular ui bootstrap accordion "only open one at a time" does not work

Question

I have an accordion (extensible / compressible) using Angular UI Bootstrap , which has three panels.

I do not want the user to be able to open several panels at once. The documentation provides this option.

<accordion close-others="oneAtATime">

With this in the controller

$scope.oneAtATime = true;

But I can still open several panels at once. What am I missing?

Answer 1

use it like that

<accordion close-others = "true">

</accordion>

Check out this plunker

If these changes do not give the expected results, then something else does not match your program, check the dependencies and create a plunker and place a link