配置 ng-show 和 ng-hide 速度

Question

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

谢谢

Answer 1

当然可以，请查看他们文档中的 ng-animate stuff that Angular provides. Here's an example，您可以对其进行调整。速度在 CSS 文件中定义：

transition: all linear 0.5s;

Answer 2

您可以将它们绑定到随计时器变化的模型属性。

所以在你的控制器中有一个属性，show/hide 绑定到：

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

那么在你看来：

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

然后是你的计时器（使用 Angular）：

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

Configure ng-show and ng-hide speed