336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
안녕하세요.
angularJS script단에서 값을 지정해주는 소스코드를 알려드리겠습니다.
|
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 |
<!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>
<p>Test 페이지입니다.</p>
<!-- app이름과 controller이름입니다. -->
<div ng-app="myApp" ng-controller="myCon">
<!-- 각각 firstSite과 -->
Javascript : <input type="text" ng-model="javascript"><br>
Language: <input type="text" ng-model="language"><br>
<br>
<!-- 결과적으론 밑 controller에 있는 값이 들어옵니다. -->
Full Name: {{javascript + " " + language}}
</div>
<script>
/* 해당 앱을 활성화합니다. */
var app = angular.module('myApp', []);
/*정의한 앱에 controller를 실행합니다.*/
app.controller('myCon', function($scope) {
/* $scope.변수로 값을 넣어줍니다. */
$scope.javascript= "framework";
$scope.language= "angularJS";
});
</script>
</body>
</html>
|
cs |
설명은 소스코드에 있어서 생략하겠습니다.
이것은 결과화면입니다.
위에 보시는대로 framework와 angularJS가 controller단에서 값이 갱신되어서 그것을 FullName 옆에 변수가 들어간 것을 확인할 수 있습니다.
감사합니다.
'ANGULARJS' 카테고리의 다른 글
| angularJS While문같은 repeat (0) | 2016.06.27 |
|---|---|
| angularJS 변수를 출력하는 ng-init (0) | 2016.06.27 |
| angularJS Text박스 내용을 출력하기 (2) | 2016.06.27 |
| angularJS 설치하기 (0) | 2016.06.26 |