Ionic2 (4) 썸네일형 리스트형 [Ionic2][Visual Studio Code] chrome debugger setting vscode 에서 프로젝트를 열면 .vscode 폴더가 생기고 설정 파일들이 생성되는데 launch.json이 디버거 런처 관련 설정 파일입니다. 여러가지 옵션으로 디버거를 설정 할 수 있습니다. .vscode > launch.json { "name": "Launch", "type": "chrome", "request": "launch", "url": "http://localhost:8100", "port": 9223, "sourceMaps": true, "trace": true, "webRoot": "${workspaceRoot}/src" } 크롬실행 아이콘에서 우클릭 후 속성 창에서 크롬 경로에 하단의 볼드 부분을 추가해줍니다. launch.json 의 port 와 크롬 실행 옵션에 포트가 일치되어야.. [Ionic2] REST Http Request src>app>search.ts import { Injectable, Component } from '@angular/core';import { Http, Response } from '@angular/http';import { NavController, Platform } from 'ionic-angular';import 'rxjs/add/operator/map' @Injectable()@Component({ selector: 'search-search', templateUrl: 'search.html'}) export class Search{ searchQuery: string = ''; items: Array; itemsDummy: Array; result: Object; page: number =.. [Ionic2] ion-infinite-scroll 사용하기 src>app>pages>search.html {{audio.title}} ⚬ {{audio.artist}} {{track.title}} ⚬ {{track.artist}} src>app>pages>search.ts doInfinite(infiniteScroll) { this.limit = 3; let offset = this.page * this.limit; setTimeout(() => {; this.searchList(this.keyword, offset).subscribe( data2 => { for(let index = 0;index < data2.length;index++){ let itemTrack:any; itemTrack = []; itemTrack.art = 'img/johnmayer.j.. [ionic2] 앱페이지 추가하기 src>app>app.compoment.ts import { Component, ViewChild } from '@angular/core';import { Nav, Platform } from 'ionic-angular';import { StatusBar, Splashscreen } from 'ionic-native'; import { Page1 } from '../pages/page1/page1';import { Page2 } from '../pages/page2/page2';import { Search } from '../pages/search/search';import { PlayList } from '../pages/playList/playList'; @Component({ templateUrl:.. 이전 1 다음