Angular 1.4 и използване на ngAnimate с JavaScript

Опитвам се да настроя скрипт ngAnimate .animation() с Angular 1.4, но се боря с основите, тъй като това трябва да покаже предупреждение, но не:

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

Трябва да пропускам нещо, но не мога да разбера какво. Ето jsfiddle.

Много благодаря за твоята помощ.


javascript angularjs ng-animate
person leonsaysHi    schedule 29.04.2015    source източник

Отговори (2)


arrow_upward
0
arrow_downward 

<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.", може да се нуждаете от една от тези директиви, за да бъде приложена анимацията.

person paje007    schedule 29.04.2015
comment
Благодаря ... всъщност очаквах функцията animation() да се изпълнява при init на модула. Благодаря за вашата помощ. - person leonsaysHi; 29.04.2015

arrow_upward
1
arrow_downward

Анимацията се задейства с помощта на една от директивите, описани тук Документи. Например ngClass. Демо.

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