Angular 1.4 并将 ngAnimate 与 JavaScript 一起使用

Question

我正在尝试使用 Angular 1.4 设置一个 ngAnimate .animation() 脚本，但我在基础知识上苦苦挣扎，因为它应该显示警报但它没有：

.animation('.animated', function () {
     // should display an alert here...
     alert('hello ?');
})

我一定是漏掉了什么，但又想不通。这是一个jsfiddle.

非常感谢您的帮助。

Answer 1

<div ng-app="MyApp">
    <div ng-controller="MyCtrl">
        <input type="checkbox" ng-model="checked" style="float:left; margin-right:10px;" /> Is Visible...
        <span class="animatedsomething" ng-show="checked">Hello {{who}}.</span>
    </div>
</div>

和

angular.module('MyApp', ['ngAnimate'])
.controller('MyCtrl', function ($scope) {
    $scope.who = 'World';
})
.animation('.animatedsomething', function () {
       // should display an alert here...

    alert('hello ?');

});

似乎生成警报。不知道为什么。引用 https://docs.angularjs.org/guide/animations "AngularJS 1.3 provides animation hooks for common directives such as ngRepeat, ngSwitch, and ngView, as well as custom directives via the $animate service."，您可能需要这些指令之一才能应用动画。

Answer 2

使用此处描述的指令之一触发动画 Docs. For example ngClass. Demo。

<div ng-app="MyApp">
    <div ng-controller="MyCtrl">
        <span ng-class="{animated: true}">Hello {{who}}.</span>
    </div>
</div>

Angular 1.4 并将 ngAnimate 与 JavaScript 一起使用

Angular 1.4 and using ngAnimate with JavaScript

javascript

angularjs

ng-animate