Blue Breeze

Running AngularJS App on Internet Explorer 7 AngularJS 도입 선택 가이드 공개합니다. 개발자Tip Internet Explorer Compatibility 브라우저 호환성 AngularJS는 대부분의 모던 브라우저를 지원한다. 하지만 IE는 버전에 따라 지원을 제한한다. 1.2 는 IE8부터 지원하며 1.3은 IE9부터 지원한다. IE7에서 사용하기 위해서는 여러가지 추가사항이 필요하며 올바른 동작을 장담할 수 없다. IE8 이하에서 부트스트랩이 실행 되도록 설정

AngularJS $rootScope, $scope Scope 타입 $scope 객체나 $rootScope 객체는 AngularJS 내부에서 정의하는 Scope 타입의 인스턴스다. 즉, 다음과 같이 별도의 생성자 함수가 AngularJS 내부에 정의돼 있다. function Scope(){ ... } Scope.prototype.$apply = function(){}; Scope.prototype.$digest = function(){ ... }; Scope.prototype.$watch = function(){ ... }; Scope.prototype.$new = function(){ ... }; //... AngularJS는 초기 부트스트랩 시 프레임워크 내부에서 $rootScope을 new Sceo..

AngularJS MVC AngularJS jsFiddle Example AngularJS도 자바스크립트 MVC 프레임워크 중 하나이지만 AngularJS는 smalltalk-80언어부터 시작된 전통적인 MVC패컨을 구현하지 않고 MVVM(Model-View-View-Model)과 비슷하지만 독자적인 방식으로 MVC패턴을 구현했다. 초기 AngularJS는 전통적은 MVC 패턴을 흡사하게 구현하여 MVC패너으로 소개됐다. 하지만 AngularJS가 버전이 올라가면서 다양한 기능이 추가됨에 따라 MVVM에 가깝게 되어 AngularJS 사용자들 간에 MVVM 프레임워크라는 주장이 다분했다. 그런데 AngularJS 팀에서는 AngularJS를 어느 패턴으로 분류하지 않고 사용하는 사람 마음대로 정의하라는 ..

AngularJS의 이벤트 AngularJS에서 제공하는 이벤트 지시자 이벤트 지시자명 설명 click ng-click html 요소를 클릭했을 때 표현식이 계산된다. dbclick ng-dbclick html 요소를 더블클릭했을 때 표현식이 계산된다. keydown ng-keydown 키보드의 키를 누를 때 표현식이 계산된다. $envent객체를 이용해 keyCode, altKey 값 등을 가지고 올 수 있다. keypress ng-keypress 키보드의 키를 눌러 실제 문자가 입력됐을 때 표현식이 계산된다. $event 객체를 이용해 keyCode, altKey 값 등을 가지고 올 수 있다. keyup ng-keyup 키를 뗄 때 표현식이 계산된다. $event 객체를 이용해 keyCode, alt..

ng-valid, ng-invalid, ng-pristine, ng-dirty AngularJS는 컨트롤 요소으 ㅣ유효성 검증 결과를 요소의 CSS클래스로 자동 추가한다.

Checkbox ng-model 바인딩 대상이 되는 모델명 name 폼에서 사용하는 이름 ng-required 필시 입력 여부 ng-options 표현식을 구성하는 요소 설명 array/object $scope에 있는 배열 또는 객체에 접근하는 표현식 valud 배열 요소를 가르키는 내부변수 생성 표현식 label 요소의 라벨이 될 표현식에 예)value.propertyName select 부모인 요소에 모델로 바인딩되는 표현식, select가 없을 때에는 value의 값이 기본저긍로 select의 값이 된다. group 요소가 되는 표현식 배열 데이터 label for value in array select as label for value in arry label group by group for v..

FormController와 NgModelController ng-model 바인딩 대상이 되는 모델명 name 폼에서 사용하는 이름 ng-required 필수 입력여부 ng-minlength 입력박스에 입력되는 값의 최소 글자수 ng-maxlength 입력박스에 입력되는 값의 최대 글자수 ng-pattern 입력된 값과 비교될 정규표현식이며 /정규표현식/과 같은 값이 요구된다. ng-change 사용자의 입력이 발생할 때 실행될 표현식 AngularJS는 표준 HTML 태그 또한 AngularJS 지시자로 만들 수 있다. 즉, 태그도 지시자로 간주하고 확장할 수 있다. 그래서 AngularJS는 폼으 ㅣ상태를 관리하기 위해서 FormController를 만들었다. 지시자에 별도의 컨트롤러를 지정살 수 ..

AngularJS - ng-controller

AngularJS 조건에 다른 보기/숨기기 설정

AngularJS ng-switch AngularJS ng-if