如何使用EM6 ngupgrade将angularJS版本1.X控制器转换为角度2.X
How to convert angularJS version 1.X controller into angular 2.X using EM6 ngupgrade
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 = [];
};
});
这是一个用 Angular 编写的控制器。 如何使用 EM2 将其转换为角度 6。
据
我所知,升级教程并不多,但是是的
,很少。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应用程序。
在 Angular 1.x 中,我们的主模块是这样启动
的angular.module('app', [])
但是在 Angular2 中,我们的主要组件是从这样的引导文件开始的。
import {bootstrap} from 'angular2/platform/browser';
import {App} from './app';
bootstrap(App,['here global level dependenices....']);
这里应用程序是我们的主要组件,它导入到这个引导文件中。 所以引导是文件我们的应用程序入口点。如果我们想做一些编码工作,就像我们在 Angular1.x 控制器中工作一样,我们在类文件(打字稿类)中做同样的工作在这里,我发布了一个这样的基本示例。
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 导入组件和视图一样。Angular2有很多导入可用。你可以在这里和这里查看
相关文章:
- 在指令控制器中使用$attrs时出现问题
- 如何在JavaScript中将字符串转换为函数引用
- Ember.js:将Em.$.getJSON转换为promise并将响应绑定到控制器上下文的正确方法
- 如何将控制器http调用转换为接受参数的服务/工厂模式
- 在路线转换后重新初始化物料控制器
- Ember添加了对转换调用上下文(路由/控制器)的检查
- 尝试理解$.inArray,或将$scope转换为“$scope”;控制器As”;AngularJS中的语法
- EmberJS:如何从控制器转换到路由器's的操作
- 哪个“控制器”在 JSON 中转换来自 .NET Web 服务的 XML 响应
- 将 JavaScript 对象转换为控制器的模型
- 从路由转换不会删除 Ember.js 中退出路由的控制器观察器
- 如何使用EM6 ngupgrade将angularJS版本1.X控制器转换为角度2.X
- AngularJS中的控制器转换为控制器
- 如何使用ng转换从控制器解析的变量
- 转换angular 1的问题.将x控制器导入TypeScript
- Angular转换不能在两个控制器之间工作
- 将项从控制器中的值转换为指令
- AngularJS-使用控制器将语法转换为Browserfy
- 在angular js中,如何将json对象作为状态转换的一部分发送到另一个控制器
- 如何将该模块中的AngularJS控制器转换为另一种格式