Question

我正在尝试构建一个表JSFiddle，我发现here。

我注意到很多元素都有collapse="<boolean>"属性，只要属性为true，你就会获得一个很好的折叠动画。我尝试在线查找有关collapse属性的文档，但没有找到任何内容。但是，我也注意到角度的版本已经过时了（1.0.5而不是我目前正在使用的1.5）。如果我尝试将参考替换为角度1.5，则jsfiddle示例也会停止工作。我的问题是，假设崩溃被弃用，我怎样才能在角度1.5中重现这种效果？

Answer 1

collapse / uib-collapse指令属于angular-ui-bootstrap库，文档可在此处找到：

https://angular-ui.github.io/bootstrap/#/collapse

在Angular 1.5.0下运行时，该指令没有任何问题：

＆＃13;

angular.module('App', [
    'ngAnimate',
    'ui.bootstrap'
]);

angular.module('App').controller('Controller', [
             '$scope',
    function ($scope) {
        $scope.isCollapsed = false;
    }
]);

＆＃13;

<!DOCTYPE html>
    <html ng-app="App">
        <head>
            <meta charset="utf-8" />
            <title>Angular 1.5.0</title>
            <script>document.write('<base href="' + document.location + '" />');</script>
            <link type="text/css" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
            <script type="application/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.js"></script>
            <script type="application/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-animate.js"></script>
            <script type="application/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.js"></script>
            <script type="application/javascript" src="app.js"></script>
        </head>
        <body ng-controller="Controller">
            <button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
    	    <hr>
            <div uib-collapse="isCollapsed">
    		    <div class="well well-lg">
                  Some content
                </div>
    	    </div>
    	</body>
    </html>

＆＃13;

元素的“崩溃”属性不起作用？

1 个答案: