Eu apenas copiei o markut e inseri cá, alterando somente aquilo que é necessário. Esta é, isento dúvida, uma DE features mais importantes do framework, uma vez de que ela acelera o processo do prototipaçãeste de um aplicativo.
Caso ainda esteja utilizando este servidor ativo, basta inserir /ionic-lab após este número da porta blindada na url ou digitar ionic serve --lab no terminal. Este resultado é este seguinte:
Precisamente ainda a ser executado em uma WebView (browser interno Destes smartphones), uma aplicaçãeste baseada pelo Ionic 2 é bastante Muito mais rápida, modular e escalável, se comparada usando a primeira versão. Principalmente porque o framework segue os padrões web mais recentes, como a nova especificação ES6 (ou ES2015), trazendo para o javaScript conceitos como classes, módulos e arrow functions.
Ela está pequena e diminui ainda Muito mais de tamanho quando o botãeste por cancelar está ativo. Igualmente seria interessante escurecer 1 pouco mais a opacidade do background para lhe conferir elevado destaque:
Embora nossa aplicação consiga requisitar dados externos com sucesso, nãeste há nada de que informe ao usuário Derivado do este status dessa ação.
Isso significa que, independente do device do usuário, ele manter-seá executando o app pelo Crosswalk. Este ganho por performance é visÃvel porém ele Pode vir a aumentar o tamanho final da tua aplicação. De modo a instalar, digite: ionic plugin add cordova-plugin-crosswalk-webview
Além disso, temos também a presença do polêmico TypeScript (opcional), qual trás o poder da tipagem de modo a este seu Aviso, com o intuito por minimizar erros, simplificar a injeção do dependências, facilitar testes, e etc.
Identicamente conjuntamente perceba de que aplicamos a diretamente da fonte alteraçãeste apenas para as plataformas Android e iOS mas não para Windows Phone. As classes você Pode vir a obter facilmente ao inspecionar este DOM pelo console do browser.
Caso você tenha conseguido testar usando sucesso, deve deter percebido que, ao clicar em uma DE cé especialmentelulas, há um certo delay entre este instante do clique e o carregamento da página.
StatusBar.backgroundColorByHexString('#ffffff'); E presentemente Constate como ficou o visual final da nossa aplicaçãeste rodando em 1 iPhone seis:
Pelo arquivo home.html vamos incluir um botãeste do lado direito da nossa AppBar/NavBar qual será responsável por disparar este método:
Perceba, por exemplo, saiba como o spinner, a barra do Procura, ESTES Ãcones e estilo da lista são diferentes entre as plataformas. No caso do iOS, são incluÃdos até exatamente as setas na lateral direita da cé especialmentelula, este qual é comum na plataforma. Para além de tudo isso, poder testar aplicativos dessa maneira e ainda tirar proveito do recurso de LiveReload
O qual fizemos acima foi importar este componente Http e injetá-lo pelo mfoitodo construtor. Isso nos possibilita acessar sua instância atravfois do objeto this.
Outro ponto de que precisa ser esclarecido é qual o Ionic tem um papel importantÃssimo no qual se refere à uma fase que é tão ou Ainda mais importante que este desenvolvimento em si: A prototipaçãeste.