2016-03-28 11 views
1

Angularjs uygulamasında ui.bootstrap modülünün çalışmasını sağlamaya çalışıyorum. İşte kod parçacığı.AngularJs ui.bootstrap sorunları - çalışma çöküyor

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="UTF-8"> 
    <title>Learn Angular</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-animate.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-route.js"></script> 
    <script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.2.5.js"></script> 
    <link href="https://netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
    <script src="app.js"></script> 
</head> 

<body> 
    <div class="container" ng-app="uiApp" ng-controller="uiController"> 
     <a href="#" class="btn btn-primary" ng-click="isCollapsed = !isCollapsed"> 
    Toggle Panel 
    </a> 
     <div class="panel panel-default"> 
      <div class="panel-heading"> 
       <h4 class="panel-title"> 
     <a href="#" ng-click="isCollapsed = !isCollapsed"> 
      Click here to collapse: {{isCollapsed}} 
     </a> 
     </h4> 
      </div> 
      <div collapse={{isCollapsed}}> 
       <div class="panel-body"> This Section should collapse 
       </div> 
      </div> 
     </div> 
     <pre><code>{{ isCollapsed }}</code></pre> 
    </div> 
</body> 

</html> 

yanlış yapıyorum

angular.module('uiApp', ['ngRoute', 'ui.bootstrap', 'ngAnimate']) 

.controller('uiController', function($scope) { 
    $scope.isCollapsed = false; 
}); 

app.js. Ben

collapse transition not working with angular's UI Bootstrap

stackoverflow şu soruyu buldum ama yardım etmedi.

Ayrıca plunker denedim - click here Orada da çalışmıyor.

cevap

0

Bu benim için çalıştı. Ben

<div uib-collapse="isCollapsed"> 
ile

<div collapse={{isCollapsed}}> 

yerini