Question

在角度我希望显示/隐藏div，我已经使用ng-if完成了但我想要打开和关闭div的动画效果。我想用css。任何帮助都会很棒。

Answer 1

<button ng-click="toggle = !toggle">Toggle!</button>

<div class="box on" ng-show="toggle" ng-animate="'box'">On</div>
<div class="box off" ng-hide="toggle" ng-animate="'box'">Off</div>

看一下上面的例子......可能会对你有帮助

Answer 2

我理解你的问题。这是解决方案：

HTML代码：

<div ng-controller="MyCtrl">
  <button ng-click="showDiv = !showDiv">test </button>
  <div ng-class="{ 'vis': showDiv}" >
   hello test
  </div>
</div>

CSS：

.vis {
   opacity:0;
   transition:opacity 0.5s linear;
}

控制器：

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {

}

希望它有所帮助!!

使用css以角度显示隐藏动画

2 个答案: