Question

我正在尝试使用类型脚本学习离子2。请你告诉我如何操作使用打字稿在离子2中显示你好世界文本？我能够以角度2显示 hello world 文本。我想使用离子2并显示文本。

这是我的代码，其中使用了 angular 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

Answer 1

在Ionic2中，您不能使用@Component装饰器，而是使用@App和@Page装饰器。使用@App，您不需要引导应用程序。相应的类自动定义为应用程序的主要元素/入口点。

如果要显示hello world文本，只需使用ionic start命令生成。例如：

$ ionic start MyIonic2Project --v2

然后，您可以访问app文件夹下的应用程序类（在app.js文件中。要显示一个简单的hello世界，您可以试试这个：

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在生成的项目中使用。

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

1 个答案: