티스토리 뷰
해당필드 클릭 이벤트
ng-click="function()"
초기 실행 명령 이벤트
ng-init = "function()" 또는 ng-init = "colum = 'value'"
초기실행 함수나 변수의 초기값 지정
복수의 명령을 사용하는 경우 ; 로 구분
ng-init = function(); colum='value'"
value 컨트롤
value="name" ng-model="name" 로 지정
ng-init = "name == 'value' " 또는 $scope.name 으로 활용 가능
Style 조건
기본 ng-style={color: red};
조건 ng-style="{'color': num1 > num2 ? 'red':'black'}"
클래스 조건
기본 : ng-class="클래그명"
조건1개 : ng-class="(num1 > num2) ? 'class1':'class2'"
조건 중복: ng-class="{class1: num1 > num2 , class2 : num1 < num2}"
키보드 입력 키 감지
input에서 enter입력 시 명령: ng-keypress="($event.which === 13)?idOverChk():0"
'spring memo' 카테고리의 다른 글
| Annotations (0) | 2018.05.21 |
|---|---|
| 당일날짜 표시하기 (0) | 2018.05.21 |
| ajax 데이터 변수로 넘기기 (formData) (0) | 2018.05.02 |
| $scope 활용 (angular.forEach) (0) | 2018.05.02 |
| js에서 세션 이용하기 (0) | 2018.05.02 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Redux
- input
- 리액트
- datePicker
- webpack
- angular
- ajax
- 함수형
- typescript
- html
- Spring
- JSP
- script
- date
- JSON
- java
- 스프링
- module
- paging
- JSX
- hooks
- javascript
- list
- React
- 클래스형
- value
- Props
- hashmap
- nodeJS
- Progressbar
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함