角动画

Question

从Angular休息一下后，我决定重新回到这个行列。我目前正在开展一个相对较小的项目，以帮助我完全适应框架，我发现自己陷入困境。

我一遍又一遍地读过，使用带有AngularJS的jQuery禁止禁忌，但我不一定能理解如何在AngularJS中完成以下操作，

controller.js

(function(){

    angular.module('app')
        .controller('homeCtrl', ['cache', 'page', '$scope', function(cache, page, $scope) {
            page.title.set('Home');
            if( !cache.getKey('welcomed') ) {
                $( "#welcome-message" ).fadeTo( 3000 , 0, function() {
                    $( "#welcome-message" ).hide();
                    $( "#after-welcome" ).show();
                    $( "#after-welcome" ).fadeTo( 2500 , 100 );
                    // cache.setKey('welcomed', true);
                });
            } else {
                $( "#welcome-message" ).hide();
                $( "#after-welcome" ).show();
                $( "#after-welcome" ).fadeTo( 2500 , 100 );
            }
        }]);

})();

可以看出，我只是希望淡出欢迎信息并进入主要内容。我知道ngAnimate，虽然我还是个新手。我的问题是 - 有没有简单的方法可以在不使用jQuery的情况下完成我上面所做的事情？

Answer 1

在AngularJS中使用jQuery不是禁忌禁忌。使用jQuery来操作控制器中的DOM是。您可以在指令或动画中使用jQuery。例如（demo）：

The binary of 501 is 111110101

Because  111110101 = 100000000 + 10000000 + 1000000 + 100000 + 1000 + 000 + 100 + 00 + 1
we have  501       = 256       + 128      + 64      + 32     + 16   + 0   + 4   + 0  + 1

您可以在以下网址阅读有关javascript / jquery动画的更多信息：

• Angular official docs。
• angular ng-newsletter（我以他们的演示为基础）。