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);
};
});
我想用淡入显示我的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);
};
});