Angularjs 의 $scope에 대해서 알아보겠습니다.
$scope는 어플리케이션 모델을 나타내는 객체이고 $scope를 이용하여 변수 및 이벤트를 정의할 수 있습니다.
예제로 간단하게 $scope를 사용해보겠습니다.
- html
<body ng-app="myApp">
<div ng-controller="ctrl1">
<input ng-model="txt">
<span>{{txt}}</span>
<button ng-click="click()">버튼 클릭</button>
</div>
</body>ng-click이라는 함수를 클릭 이벤트를 정의하는 angularjs 규칙입니다.
다음에 ng-click에 대해서 자세하게 다루겠습니다.
ng-click을 이용하여 클릭 이벤트를 정의하고 $scope에서 이벤트를 구현합니다.
- javascript
var app = angular.module('myApp', []);
app.controller('ctrl1', function($scope) {
$scope.txt = "테스트입니다";
$scope.click = function() {
alert("버튼 클릭");
}
});
$scope.txt = “테스트입니다”; // 초기 값을 지정할 수 있습니다.
$scope.click = function() {}; // 함수를 정의하여 이벤트를 만들수 있습니다.
예제 : 이동
'AngularJS' 카테고리의 다른 글
| [Angularjs] angularjs click ngclick 버튼 클릭 (0) | 2015.12.23 |
|---|---|
| [Angularjs] filter, $filter, 필터링, 재정렬 (0) | 2015.12.22 |
| [Angularjs] repeat, ngrepeat, 배열, 배열 처리, 반복, 반복문 (0) | 2015.12.15 |
| [Angularjs] angularjs controller 컨트롤러 (0) | 2015.12.14 |
| [Angularjs] angularjs 시작하기, 기초, 샘플 (0) | 2015.12.10 |