IONIC2

ionic hide-nav-bar

nodejs가 설치된 상태에서 시작합니다. 4.x 버전으로 설치합니다.

snippet.sh

npm install -g cordova ionic@beta

ionic2 를 사용하기 위해서 ionic@beta 로 설치 합니다.

snippet.sh

ionic start sitemoa sidemenu --v2

snippet.sh

ionic plugin add cordova-plugin-admobpro

snippet.sh

ionic plugin add cordova-plugin-inappbrowser

snippet.sh

ionic plugin add cordova-plugin-whitelist

Ionic 2 | Making REST HTTP Requests Like a Pro

index.html에 메타 정보를 추가한다.

snippet.html

<meta http-equiv="Content-Security-Policy" content="img-src * data:; default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src  'self' 'unsafe-inline' *">

img-src * data:; 를 추가함. 출처

snippet.sh

ionic serve

snippet.sh

ionic build android

플랫폼이 추가 되어 있지 않은 경우, 플랫폼 추가 질문이 나옵니다. 아래 명령어를 통해 설치도 가능합니다.

snippet.sh

ionic platform add android

ios 의 경우 android 자리에 대신 적으면 됩니다.

- https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html#foreground.type=image&foreground.space.trim=1&foreground.space.pad=0.1&foreColor=fff%2C0&crop=0&backgroundShape=square&backColor=bde2f6%2C100&effects=score

snippet.js

declare var jsSHA: any;
 
@Component({
    selector: "my-app",
    templateUrl: "app/app.html",
    directives: []
})
 
class App {}

중요한 것은 declare var 를 @Component 위에 선언하는 것이었다.

• Using Firebase 3 in Angular 2 and Ionic 2
• Loading external javascript files in ionic2

TypeScript error: C:/3.Dev/ionic/food-map/app/providers/firebase/firebase.ts(15,
26): Error TS2345: Argument of type 'string' is not assignable to parameter of t
ype 'Http'.

ionic2 기본 샘플이 typescript 로 변경되었다.

새로운 프로젝트 생성.

bvcnsA

진행이 안된다…. 네트워크 문제를 의심하고, 올가(프록시 프로그램)를 실행한다.

• Integrating Firebase with AngularFire2 into AngularJS & Ionic2

http://ngcordova.com/docs/plugins/inAppBrowser/

설정화면, 메뉴가 많이 있다면 초기 화면을 선택하는 설정 필요.
현재는 국내구매, 해외구매 두개이므로, 탭으로 변경할까 고민함.
탭을 하면 화면 두줄을 차지하기 때문에, 사이드 메뉴로 유지함.

79XBeC

이곳을 보고 해결시도.

config.xml파일에 <preference name="loadUrlTimeoutValue" value="700000" /> 를 추가한다.

• Ionic 2: How to Create a Sliding Delete Button for Lists

<ion-item-sliding> 태그 안에 <ion-item-option> 태그를 넣는다.

White Screen of Death Ionic 2 - Andorid 6

Hi,
I solved with
cd ionic project folder
ionic platform add android
ionic plugin add cordova-plugin-crosswalk-webview

Android version: 4.1.2