AngularJS 上的数据淡入

Fade In With data on AngularJS

我想用淡入显示我的post->id,我试图搜索但我可以找到它。请帮助我!!!




*语言不通还请见谅

在 Angularjs 中,你想开始使用基本的动画东西,你可以了解 Animation

基本淡出示例:

HTML:

<div ng-controller="myCtrl">
<button ng-click="hideStuff()">Click me!</button>
<div class="default" ng-hide="hidden" ng-class="{fade: 
    startFade}">This will get hidden!</div>
</div>

CSS:

.default{
    opacity: 1;
}

 .fade{
      -webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */
       transition: opacity 2s;
       opacity: 0;
 }

Angular:

var myApp = angular.module('myApp',[]);

myApp.controller("myCtrl", function($scope, $timeout){
    $scope.hideStuff = function () {
        $scope.startFade = true;
        $timeout(function(){
            $scope.hidden = true;
        }, 2000);

    };

});