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() будет запущена при инициализации модуля. Спасибо за вашу помощь. - 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