336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
이번에는 클릭할때마다 일부가 보였다가 안보였다가 하는 소스코드를 해볼까합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39 |
<!DOCTYPE html>
<html>
<meta charset="utf-8"/>
<!-- angularJS를 불러옵니다. -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<!-- app이름과 controller이름입니다. -->
<div ng-app="myApp" ng-controller="myCtrl">
<!-- 클릭시에 잘동하는 myFunc함수 -->
<button ng-click="myFunc()">버튼클릭</button>
<div ng-show="showMe">
<h1>Menu:</h1>
<div>Java</div>
<div>C</div>
<div>C++</div>
</div>
</div>
<script>
/* 해당 앱을 활성화합니다. */
var app = angular.module('myApp', []);
/*정의한 앱에 controller를 실행합니다.*/
app.controller('myCtrl', function($scope) {
/* showMe를 안보이게 합니다. */
$scope.showMe = false;
/* myFunc함수구편 */
$scope.myFunc = function() {
/* showMe에 반대를 넣어줍니다. ex) 안보이면 보이게, 보이면 안보이게 처리합니다. */
$scope.showMe = !$scope.showMe;
}
});
</script>
</body>
</html>
|
cs |
주석에 설명이 다 붙어있어서 다른 설명은 생략하겠습니다.
감사합니다.
'ANGULARJS > event' 카테고리의 다른 글
| angularJS event 목록 줄줄이 있어용 (0) | 2016.06.27 |
|---|---|
| angularJS 모르면 섭섭한 Event 중 하나 click (0) | 2016.06.27 |