본문 바로가기

ionic5

728x90
ionic 5 #ion-select close event 셀렉트박스 닫힘 이벤트 태그의 Events 중 닫힐 때마다 체크할 수 있는 이벤트가 존재하지 않아 해당 효과를 내도록 임의로 만든 소스를 공유합니다. 3depth로 이루어진 셀렉트박스를 연계하여 열리도록 한 소스입니다. 첫번째 셀렉트박스의 ionChange 이벤트에 해당 객체 focus 처리를 합니다. 그럼 ionFocus 이벤트가 다음 셀렉트 박스를 오픈시키는 것이죠. import { IonSelect } from '@ionic/angular'; ... @ViewChild('_categoryCCM') _categoryCCM: IonSelect; @ViewChild('_categoryCCS') _categoryCCS: IonSelect; ... onChangeA(): void { this._A.ionFocus; } onChan.. 2020. 7. 8.
ionic 5 #remove ion-item activated css event ion-item 태그의 클릭 이벤트 중 배경이 회색처리되는 현상을 지우기 위해 css style 을 직접 부여하였다. 참고사이트 : https://forum.ionicframework.com/t/ionic-4-remove-list-item-default-click-animations/161956 2020. 2. 17.
ionic 5 #이 시스템에서 스크립트를 실행할 수 없으므로... 에러해결 VSCode 의 터미널(Terminal)로 ionic serve 를 실행하려 하였으나 에러가 떴다. PS C:\vscode_workspace\imcha-app> ionic serve ionic : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\MING\AppData\Roaming\npm\ionic.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Polici es(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + ionic serve + ~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException Windows PowerShell 의 보안 정책.. 2020. 1. 24.
Ionic 5 # [Android] Can not add task ': processDebugGoogleServices'as a task with that name already exists 개발환경 : ionic, android FCM 가이드를 따라 추가한 뒤 뜨는 에러 Can not add task ': processDebugGoogleServices'as a task with that name already exists 플러그인이 중복되어 나오는 에러였다. build.gradle 파일의 apply from 중 중복된 fcm 플러그인 소스를 주석처리하여 해결하였다. 참고 사이트 : https://cpoint-lab.co.jp/article/201808/5080/ 【Android】「Cannot add task ‘:processDebugGoogleServices’ as a task with that name already exists.」エラーの対処法 本日遭遇したエラーの対処法です。 状況はという.. 2020. 1. 16.
ionic 5 #staticInjectorError(AppModule)[UniqueDeviceID] ionic 의 unique-device-id 를 사용하고자 한 ts 파일에 import 하니 나온 에러.. staticInjectorError(AppModule)[UniqueDeviceID] app.module.ts 의 providers 에 추가하여 해결하였다. import { UniqueDeviceID } from '@ionic-native/unique-device-id/ngx'; @NgModule({ ... providers: [ ... UniqueDeviceID ], bootstrap: [AppComponent] }) export class AppModule {} https://ionicframework.com/docs/native/unique-device-id 2020. 1. 14.