Question

我正在尝试使用Angular 1.4设置ngAnimate .animation()脚本，但我正在努力解决基本问题，因为它应该显示警报但不会：

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

我必须遗漏一些东西，但无法弄清楚是什么。这是jsfiddle。

非常感谢你的帮助。

Answer 1

使用此处描述的指令Docs触发动画。例如ngClass。 Demo

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

Answer 2

<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为通用指令提供了动画钩子，例如ngRepeat，ngSwitch和ngView，以及通过$ animate服务的自定义指令。”，您可能需要其中一个指令用于动画应用。

Angular 1.4并使用ngAnimate和JavaScript

2 个答案: