配置ng-show和ng-hide速度

时间:2015-01-16 09:49:32

标签: angularjs ng-show angularjs-ng-show

我可以修改Angular的ng-show和ng-hide的速度吗? jQuery有参数来修改show()和hide()的速度,所以我只是想知道是否可以用Angular完成。

由于

2 个答案:

答案 0 :(得分:5)

当然可以,看看Angular提供的ng-animate内容。来自他们可以调整的文档的Here's an example。速度在CSS文件中定义:

transition: all linear 0.5s;

答案 1 :(得分:0)

您可以将它们绑定到在计时器上更改的模型属性。

所以你的控制器中有一个显示/隐藏的属性:

$scope.myObject = {
    showElement: false;
};

然后在你看来:

<div ng-show="myObject.showElement">Boom!</div>

然后你的计时器(使用Angular):

$timeout(function () {
    $scope.myObject.showElement = true;
}, 100);