Question

angular.module('app', []).controller('MessagesCtrl', function() {

$scope.self.list = [
{text: 'Hello, World!'},
{text: 'This is a message'},
{text: 'And this is another message'}
];

self.clear = function() {
$scope.self.list = [];
};
});

这是一个用角度写的控制器。如何使用EM6将其转换为角度2。

Answer 1

据我所知，目前还没有很多关于升级的教程，但是很少有一些教程。

https://angular.io/docs/ts/latest/guide/upgrade.html

http://blog.thoughtram.io/angular/2015/10/24/upgrading-apps-to-angular-2-using-ngupgrade.html

好吧，让我告诉你关于基本的angular2 app。

在角度1.x中，我们的主模块就像这样启动

angular.module('app', [])

但在angular2中，我们的主要组件就像这样从bootstraped文件开始。

import {bootstrap} from 'angular2/platform/browser';
import {App} from './app';

bootstrap(App,['here global level dependenices....']);

这里的应用程序是我们在此引导文件中导入的主要组件whihc。所以bootstraped是我们应用程序的入口点。和如果我们想做一些编码工作，比如我们在angular1.x控制器中工作，我们在类文件中做同样的工作（typescript类）在这里，我发布了一个这样的基本示例。

import {Component, View} from 'angular2/core';

@Component({
    selector: 'app',
    templateUrl: "src/app.html",
    styleUrls: ['src/app.css'],
    directives: [ directives list here....],
})

export class App 
{ 
    // stuff you want to do here 
}

首先，我们必须从systemjs包中导入angular2包，就像我们从angular2 / core中导入的Component和view一样。 angular2有很多可用的进口产品。你可以check out here和here

如何使用EM6 ngupgrade将angularJS版本1.X控制器转换为角度2.X.

1 个答案: