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 |
<!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>
<div ng-app="app" ng-controller="con">
<ul>
<!-- phone이라는 변수를 가지고 한개씩 x에 담아줍니다. -->
<li ng-repeat="x in phone">{{x}}</li>
</ul>
</div>
<script>
/* app을 가져와서 변수에 넣습니다. */
var app = angular.module('app', []);
/* controller를 안에서만 처리할 */
app.controller('con', function($scope) {
/* phone에 배열형태로 넣어줍니다. */
$scope.phone = ["android", "IOS", "3G"];
});
</script>
</body>
</html>
|
cs |
결과는 한줄에 하나씩 android, IOS, 3G를 차례대로 출력해줍니다.
감사합니다.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
scope의 범위에 대해서 보여드릴려고 합니다.
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
40
41 |
<!DOCTYPE html>
<html>
<meta charset="utf-8"/>
<!-- angularJS를 불러옵니다. -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<!-- app를 정의합니다. -->
<body ng-app="myApp">
<p>언어 :</p>
<h1>{{lan}}</h1>
<!-- controller를 정의합니다. -->
<div ng-controller="myCtrl">
<p>언어 :</p>
<h1>{{lan}}</h1>
</div>
<p>언어 :</p>
<h1>{{lan}}</h1>
<script>
/* app을 가져와서 변수에 넣습니다. */
var app = angular.module('myApp', []);
/* app안에 있고, controller밖에 있는 것에 대해서 처리하는 것 같습니다. */
app.run(function($rootScope) {
$rootScope.lan = 'JDK';
});
/* controller를 안에서만 처리할 */
app.controller('myCtrl', function($scope) {
$scope.lan = "블로그";
});
</script>
</body>
</html>
|
cs |
같은 lan변수지만 controller안에 있는 것은 블로그라고 나오고, controller밖에 있는 것은 JDK라고 나옵니다.
감사합니다.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
이벤트 종류에 대해서 설명하겠습니다.
확실한건 아니여서 참조만 해주시면 될거같아요.
ng-blur : 포커스를 잃었습니다.ng-change : 값이 바뀌었습니다.ng-click : 클릭했습니다.ng-copy : 해당 내용을 복사했습니다.ng-cut : 해당 내용을 잘랐습니다.ng-dblclick : 더블클릭을 했습니다.ng-focus : 포커스가 갔습니다.ng-keydown : 해당 객체서 키를 눌렀습니다.ng-keypress : 해당 객체에서 키를 누르고 있습니다.ng-keyup : 해당 객체에서 키를 누르고 손을 땠습니다.ng-mousedown : 마우스를 클릭했습니다.(손이 내려간 상태입니다.)ng-mouseenter : 마우스가 입장했습니다.ng-mouseleave : 마우스가 해당 객체를 떠났습니다.ng-mousemove : 마우스가 해당 객체안에서 움직이고 있습니다.ng-mouseover : 마우스가 해당 객체 위에 입장했습니다.ng-mouseup : 마우스를 해당 객체에서 클릭하고 손을 땠습니다.ng-paste : 해당 객체에 붙여넣기를 했습니다.
이렇게 설명을 드렸습니다.
사용방법은 : http://jdkblog.tistory.com/90 이런식으로 사용하시면 될거같습니다.
너무 간단간단한 설명이라 조금 그렇지만 도움이 되셨으면 좋겠습니다.
감사합니다.