'하이브리드/아이오닉'에 해당되는 글 7건

하이브리드/아이오닉

백그라운드 상태에서 활성화 되었을때 동작 수행

앱을 사용하다가

다른 앱을 사용하다가 다시 사용하려고 할때 

이벤트를 잡으려고 할경우엔

app.component.ts 

파일에




1
2
3
4
5
6
7
8
9
10
constructor( private platform: Platform ) {
platform.ready().then(() => {    
    this.platform.pause.subscribe(() => {
        console.log('[INFO] App paused');
    });
 
    this.platform.resume.subscribe(() => {
        console.log('[INFO] App resumed');
    });
});
cs



resume.subscribe를 구현하여 그안에

다시 활성화 되었을때 실행할 코드를 기입한다



하이브리드/아이오닉

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의 활성화 여부가 결정된다.

 [ 1 ]  [ 2 ] 

푸터바

알림

이 블로그는 구글에서 제공한 크롬에 최적화 되어있고, 네이버에서 제공한 나눔글꼴이 적용되어 있습니다.

카운터

  • Today : 18
  • Yesterday : 371
  • Total : 93,047