[AngularJs] 단축키

https://github.com/chieffancypants/angular-hotkeys#angular-hotkeys- github 사용법 간단하네요.

  • format_list_bulleted Programming/AngularJS
  • · 2017. 3. 13.
  • textsms
[AngularJs] watch count chrome plugin

[AngularJs] watch count chrome plugin

AngularJs 개발에 중요한 부분중에 하나가 watch count를 관리하는 것 입니다. watch카운트 수만 확인을 잘해도 의도치 않게 작동하는 부분을 방지할 수 있습니다. 크롬으로 개발할 경우 플러그인을 추천합니다. numwatchershttps://chrome.google.com/webstore/detail/numwatchers/pfobbidciepicjagbpckejfckhidegbl 실제 사용 화면입니다. watch count가 1인것을 확인 할 수 있습니다. 그리고 한가지 더 선언되어있지 않은 변수를 사용 할 경우 one-way-binding 해도 watch count 수가 증가합니다. 아래 스크린샷을 보면 변수로 선언되지 않은 word1이라는 변수명을 one way binidng을 하였지..

  • format_list_bulleted Programming/AngularJS
  • · 2017. 1. 16.
  • textsms

[AngularJS] form validation / 폼 유효성 체크

AngularJS form validation / 폼 유효성 체크 https://docs.angularjs.org/guide/forms 위 사이트에 가면 잘 정리되어 있지만서도 하나 예제를 만들어 보았다. 간단히 제목치고 입력하면 리스트로 들어가는 UI, 입력버튼은 유효성 조건에 맞아야 활성화 된다. ng-require, ng-minlenght, ng-maxlength 를 이용하여 간단히 체크 가능 See the Pen AngularJS 1.5 form validation by homin ahn (@beans9) on CodePen.

  • format_list_bulleted Programming/AngularJS
  • · 2016. 6. 21.
  • textsms

[AngularJs] 핵심 컴포넌트들

- AngularJs 핵심 정리 컴포넌트 목표 모듈(Module) 모듈은 AngularJs 애플리케이션을 구성하는 코드를 정리하는 데 도움을 주는 일종의 컨테이너(container)로서의 역활을 수행한다. 또한 모듈은 하위 모듈(sub module)을 활용해서 필요한 기능을 쉽게 구현할 수 있다. 설정(Config) AngularJs 애플리케이션 설정 코드는 애플레케이션이 실제로 실행되기 전에 적용될 설정 정보들을 관리하기 위한 영역이다. 라우트를 설정하거나 동적으로 구성되는 서비스 등을 여기에서 관리하면 편하다 라우트(Routes) 라우트는 애플리케이션의 특정 상태로 이동하는 경로를 정의하기 위한 개념이다. 게다가 특정 라우트에 대해 어떤 탬플릿과 컨트롤러를 사용할 것인지를 설정할 수 있다. 뷰(Vie..

  • format_list_bulleted Programming/AngularJS
  • · 2016. 6. 18.
  • textsms

[angularJs] select ng-option 사용 방법

angularjs version : 1.4.9 1234 -선택-Colored by Color Scripter cs 특이한점은 option model이 obj일 경우 동일한 값을 초기값으로 주어도 초기값이 변경되지 않는다. 해당 option model의 값을 참조해서 넣어야 실제로 적용된다. :: codepen.ioSee the Pen angularjs 1.4.9 select ng-option by homin ahn (@beans9) on CodePen.

  • format_list_bulleted Programming/AngularJS
  • · 2016. 6. 13.
  • textsms

[angularjs] two-way binding example

123456789101112131415161718192021 Angularjs {{vm.title}} angular.module('app',[]) .controller('ctrl',function($scope){ var vm = this; vm.title = "change the value"; }); Colored by Color Scriptercs angularJs two-way binding exampleangularJs Verstion : 1.4.9 :: codepen.ioSee the Pen angularjs 1.4 two-way binding by homin ahn (@beans9) on CodePen.

  • format_list_bulleted Programming/AngularJS
  • · 2016. 6. 12.
  • textsms