2016-04-23 7 views
1

Ich versuche, ionic 2 mit Typ Skript zu lernen. Können Sie mir bitte sagen, wie zu Hallo Welt Text in ionic 2 mit Typoskript? Ich bin in der Lage zu zeigen Hallo Welt Text in eckigen 2.Ich möchte Ionische 2 verwenden und Text anzeigen.wie Hallo Welttext in ionic 2 mit Typoskript angezeigt werden?

hier ist mein Code, wo verwendet wird Winkel 2 http://plnkr.co/edit/xd0TbWO5deHB7xTjXibR?p=preview

könnten Sie bitte sagen, was sind Bibliothek von ionischen 2 Notwendigkeit, umfassen Text anzuzeigen. hier ionische 2 Dokumentation http://ionicframework.com/docs/v2/getting-started/tutorial/ // Code hier

import {bootstrap} from 'angular2/platform/browser'; 
import {Component} from 'angular2/core'; 


@Component({ 
    selector:'app', 
    template:'<div>hello</div>' 

}) 

class App{} 


bootstrap(App) 

geht bitte Plunker

Antwort

0

In Ionic2, die Sie nicht verwenden, um die @Component Dekorateur aber @App und @Page diejenigen teilen. Mit der @App müssen Sie Ihre Anwendung nicht starten. Die entsprechende Klasse wird automatisch als Hauptelement/Einstiegspunkt Ihrer Anwendung definiert.

Wenn Sie einen Hallo Welttext anzeigen möchten, generieren Sie einfach mit dem Befehl ionic start. Zum Beispiel:.

$ ionic start MyIonic2Project --v2 

Dann können Sie die Anwendungsklasse unter dem app Ordner erreichen (in der app.js Datei Um eine einfache Hallo Welt zu zeigen, könnten Sie dies versuchen:

import 'es6-shim'; 
import {App, Platform} from 'ionic-angular'; 
import {StatusBar} from 'ionic-native'; 

@App({ 
    template: ` 
    <div>Hello world</div> 
    `, 
    config: {}, 
    providers: [ ] 
}) 
export class MyApp { 
    static get parameters() { 
    return [[Platform]]; 
    } 

    constructor() { 
    platform.ready().then(() => { 
     StatusBar.styleDefault(); 
    }); 
    } 
} 

Beachten Sie, dass ES6 ist

+0

Können wir Plünderer machen? – user944513

+0

Leider ist es nicht möglich, Ihnen in diesem Fall eine Plunkr zu liefern, da ionic2-Projekte eine bestimmte Struktur und einen Aufbau haben.Sie können sehr einfach ein Projekt mit dem 'ionic erzeugen Startbefehl. Um es zu starten, führen Sie einfach "ionic serve" nach ... –

+0

ok..so gibt es keinen Online-Editor für ionische 2 – user944513