Question

这是我的方案，

当用户点击按钮时，我需要在div达到高度后增加div的高度，

每个div span的孩子

需要opacity:1，按顺序（跨度之间有一些延迟）

怎么做？

这是我的代码和演示：

var myApp = angular.module('myApp', [])
myApp.controller('main', function($scope){
    $scope.animate = false;
    $scope.animIt = function () {
        $scope.animate = !$scope.animate;
    }
})

<html>
<head>

</head>
<body ng-app="myApp">

<div ng-controller="main">
    <div  ng-class="{'active' : animate}">
        <span>Testing1</span>
        <span>Testing2</span>
        <span>Testing3</span>
    </div>
    <button ng-click="animIt()">Click Me</button>
</div>
</body>
</html>

jsfiddle

更新我需要的步骤：

将div设为完整高度
div达到最高点并开始
首先span淡出并完成
下一个span就像这样淡出..
当用户再次点击时，从div

active

当div减少高度时，按顺序淡出span。

如何在AngularJS中链接css3过渡

0 个答案: