如何使用打字稿在離子2中顯示hello world文本？

我想學習離子2使用類型腳本。請你告訴我如何使用打字稿在離子2中顯示你好世界文本？我能夠顯示hello world文字在角2中。我想使用離子2並顯示文本。如何使用打字稿在離子2中顯示hello world文本？

這裏是我的代碼在使用角2 http://plnkr.co/edit/xd0TbWO5deHB7xTjXibR?p=preview

你能告訴什麼是離子2需要庫包括顯示文本。這裏是離子2文檔 http://ionicframework.com/docs/v2/getting-started/tutorial/ //代碼放在這裏

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


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

}) 

class App{} 


bootstrap(App)

請分享plunker

來源

2016-04-23 user944513

在Ionic2，您不使用@Component裝飾，但@App和@Page的。使用@App之一，您不需要引導您的應用程序。相應的類自動定義爲應用程序的主要元素/入口點。

如果要顯示hello世界文本，只需使用ionic start命令生成即可。例如：

$ ionic start MyIonic2Project --v2

然後你就可以到達app文件夾（在app.js文件下的應用程序類來顯示一個簡單的Hello World，你可以試試這個：

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(); 
    }); 
    } 
}

注意ES6是在生成的項目中使用

來源

2016-04-23 12:16:29

我們可以製造活塞嗎？ – user944513

對不起，在這種情況下不可能爲您提供活塞，因爲ionic2項目具有特定的結構和構建。開始「命令。要開始它，只需執行'ionic serve'後... –

好的..因此沒有在線編輯器的離子2 – user944513

如何使用打字稿在離子2中顯示hello world文本？

回答

相關問題