16. 지시자(directive) - 1 1. 개요 - AngularJS에서는 기존 HTML에서 제공하지 않는 기능을 확장하는 방식을 지시자(Directive)로 제공한다. - 지시자 함수 : AngularJS에서는 해당 DOM과 연결된 하나의 함수를 만들고 이 함수가 DOM을 조작하여 새로운 기능을 추가하는 등의 행위를 한다. 지시자 함수는 연결된 특정 DOM에 $scope를 연결하거나 연결된 DOM을 조작(manipulate)하여 특정 행위를 정의 할 수 있다. 이런 지시자 함수를 이용해 HTML을 확장하는 것이다. 2. HTML에서 지시자를 사용하는 방법 - 지시자의 이름은 낙타표기법(camel case)으로 작성한다. 이런 지시자의 이름을 HTML(템플릿)에서는 영문자 중간에 대문자로 시작되는 부분에 : , -, 또는 _문자를 넣고 대문.. 더보기 15. 모듈(Module) 1. 개요 - 모듈은 대체로 관련된 기능을 하나로 묶어 다른 코드와 결합도를 줄이고 재사용성을 높이기 위해 사용한다. - 모듈을 선언하는 코드 angular.module("모듈이름", ["사용할 모듈", ...]) - angular.module 함수를 사용해 모듈을 만들면 모듈 인스턴스가 반환되는데 해당 모듈 인스턴스는 컨트롤러, 서비스, 지사자, 필터들을 담는다. * 참고 모듈 인스턴스 메서드모듈 메서드 설명 Module.config(configFunction) 모듈이 로딩될 때 호출되며 config 함수에 해당 익명 함수로 서비스를 설정할 수 있다. Module.constant(name, object) 모듈에서 사용되는 상수를 등록한다. Module.controller(name, constructor.. 더보기 14. $scope -2 ($scope에서 사용자 정의 이벤트 처리) 1. $scope에서 사용자 정의 이벤트 처리 - AngularJS에서는 웹어플리케이션에 어플리케이션 이벤트를 정의하고 이런 이벤트 처리에 대한 메커니즘을 제공 이러한 사용자 정의 이벤트는 모두 $scope 객체를 통하여 처리되는데 $scope 객체에서 특정 이벤트를 발생시키면 이벤트를 발생한 $scope 객체의 자식이나 부모 $scope에서 해당이벤트를 듣고 있다 처리할 수 있다. 1) 이벤트를 발생시키는 API ① $broadcast(이벤트명, 인자들...) : 자식 $scope에게 특정 이벤트의 이름으로 주어진 데이터와 함께 이벤트를 발생시킨다. ② $emit(이벤트명, 인자들...) : 부모 $scope에게 특정 이벤트의 이름으로 주어진 데이터와 함께 이벤트를 발생시킨다. - $emit과 $bro.. 더보기 이전 1 2 3 4 5 6 7 ··· 20 다음