| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 엘라스틱서치
- 자바스크립트
- 스프링
- Web
- 리뷰
- RCP
- boot
- 자바
- 이펙티브
- jface
- javascript
- 알고리즘
- JPA
- java8
- nodejs
- Spring
- elasticsearch
- node
- error
- 맛집
- 백준
- java
- 후기
- Spring Boot
- 독후감
- kibana
- effective
- Git
- 인터페이스
- MySQL
Archives
- Today
- Total
wedul
UI 요소 동적으로 disabled 처리 본문
반응형
ts 파일에 기준이 되는 변수 선언
isenabled:boolean=false;
ts 파일에서 상황에 따라 변수 값을 변경
changeAble() {
if(input !== '')
{
//enable the button isenabled=true;
} else {
//disable the button isenabled=false;
}
}
Html표시
<button ion-button [disabled]="!isenabled"></button>
ts에 변수의 값이 변경됨에 따라 view에서 button의 활성화 여부가 결정된다.
반응형
'하이브리드 > 아이오닉' 카테고리의 다른 글
| ionic 파일구조 설명 (0) | 2018.05.27 |
|---|---|
| 아이오닉 실행방법 (0) | 2018.05.27 |
| ionic back button 제거 (0) | 2018.05.27 |
| ionic2 현재 플랫폼 확인 방법 (0) | 2018.05.27 |
| 백그라운드 상태에서 활성화 되었을때 동작 수행 (0) | 2018.05.27 |