Угловой UT Bootstrap collapse - что не так?

Кажется, я не могу заставить угловую директиву об отказе свернуть, чтобы работать. Я настроил plunkr с минимальным примером, но его все еще не работает. Кто-нибудь проливает свет на это?Угловой UT Bootstrap collapse - что не так?

Plunkr

HTML

<!DOCTYPE html> 
<html ng-app="app"> 

    <head> 
    <link data-require="[email protected]*" data-semver="3.3.1" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" /> 
    <script data-require="[email protected]*" data-semver="1.3.7" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.7/angular.js"></script> 
    <script data-require="[email protected]*" data-semver="0.12.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body ng-controller="CollapseController"> 
    <button class="btn btn-default" ng-click="collapsed = !collapsed">Toggle</button> 
    <div collapse="collapsed"> 
     <div> 
     <h1>Hello Plunker!</h1> 
     </div> 
    </div> 
    </body> 

</html>

angular.module('app', []) 
.controller('CollapseController', function($scope){ 
    $scope.collapsed = false; 
});

источник

2014-12-30 Simon Trewhella

Вы должны объявить зависимость в модуле приложения на ui.bootstrap модуля:

angular.module('app', ['ui.bootstrap']);

Вот ваш обновленный рабочий plnkr.

источник

2014-12-30 07:58:13 iulian

Ах вау, ступидо. Cheers iulian и dfsq –

@SimonTrewhella это случается со всеми нами иногда :) – iulian

Вы должны объявить ui.bootstrap модуль зависимость для того, чтобы использовать его:

angular.module('app', ['ui.bootstrap'])

источник

2014-12-30 07:56:43 dfsq

Угловой UT Bootstrap collapse - что не так?

ответ

Смежные вопросы