angularjs - 配置 ng-show 和 ng-hide 速度

Question

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

谢谢

Answer 1

当然可以，看看 Angular 提供的ng-animate东西。这是他们文档中的一个示例，您可以对其进行调整。速度在 CSS 文件中定义：

transition: all linear 0.5s;

Answer 2

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

所以在你的控制器中有一个属性，显示/隐藏绑定到：

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

那么在你看来：

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

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

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