AngularJS Animations 무엇이 필요합니까?

· 8년 전 · 1444
AngularJS Animations

무엇이 필요합니까?

애니메이션을위한 응용 프로그램을 준비하려면 AngularJS Animate 라이브러리를 포함해야합니다.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-animate.js"></script>

그런 다음 ngAnimate응용 프로그램 의 모듈을 참조해야합니다 .

<body ng-app="ngAnimate">
또는 응용 프로그램에 이름 ngAnimate이 있으면 응용 프로그램 모듈에 종속성으로 추가 합니다.


<body ng-app="myApp">

<h1>Hide the DIV: <input type="checkbox" ng-model="myCheck"></h1>

<div ng-hide="myCheck"></div>

<script>
var app = angular.module('myApp', ['ngAnimate']);
</script>


[전체소스]
<!DOCTYPE html>
<html>
<style>
div {
transition: all linear 0.5s;
background-color: lightblue;
height: 100px;
width: 100%;
position: relative;
top: 0;
left: 0;
}

.ng-hide {
height: 0;
width: 0;
background-color: transparent;
top:-200px;
left: 200px;
}

</style>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-animate.js"></script>

<body ng-app="myApp">

<h1>Hide the DIV: <input type="checkbox" ng-model="myCheck"></h1>

<div ng-hide="myCheck"></div>

<script>
var app = angular.module('myApp', ['ngAnimate']);
</script>

</body>
</html>
|
댓글을 작성하시려면 로그인이 필요합니다. 로그인

퍼블리싱강좌

+
분류 제목 글쓴이 날짜 조회
부트스트랩
[부트스트랩]
8년 전 조회 1,252
부트스트랩
[부트스트랩]
8년 전 조회 1,392
부트스트랩
[부트스트랩]
8년 전 조회 1,256
부트스트랩 8년 전 조회 1,585
부트스트랩 8년 전 조회 1,570
부트스트랩
[부트스트랩]
8년 전 조회 1,815
부트스트랩 8년 전 조회 2,728
AngularJS
[AngularJS]
8년 전 조회 1,482
AngularJS
[AngularJS]
8년 전 조회 1,140
AngularJS
[AngularJS]
8년 전 조회 1,011
AngularJS 8년 전 조회 1,410
AngularJS 8년 전 조회 1,214
AngularJS 8년 전 조회 1,524
AngularJS 8년 전 조회 1,469
AngularJS 8년 전 조회 1,445
AngularJS 8년 전 조회 1,374
AngularJS 8년 전 조회 1,245
AngularJS 8년 전 조회 1,425
AngularJS 8년 전 조회 1,074
AngularJS 8년 전 조회 1,276
AngularJS 8년 전 조회 1,283
AngularJS 8년 전 조회 1,640
AngularJS
[AngularJS]
8년 전 조회 1,391
AngularJS
[AngularJS]
8년 전 조회 1,609
AngularJS 8년 전 조회 1,579
AngularJS
[AngularJS]
8년 전 조회 1,671
AngularJS 8년 전 조회 1,422
AngularJS
[AngularJS]
8년 전 조회 1,387
AngularJS 8년 전 조회 1,414
AngularJS
[AngularJS]
8년 전 조회 1,463
🐛 버그신고