Angular 2打字稿到javascript？
|
目前,我仍然围绕着整个Angular 2概念.我过去使用过AngularJS(1),我喜欢它.
所以目前我正在开始一个新项目并想到为什么不开始使用Angular 2.现在我知道每个人都在使用Typescript而不是javascript.但是,我仍然不确定如何在一个简单的Web托管服务器(PHP,HTML,MySQL,Javascript等)上运行项目. 我知道我可以在我的Linux服务器上运行npm start,但是如何将它放在托管服务器上呢？我不能将Typescript编译为javascript,这样我就可以在浏览器中使用它而无需运行npm吗？我读了一些关于JSPM和其他几个的东西,但我不确定这是否是我需要的,也不知道如何使用JSPM或类似的东西(例如使用JSBPM的“5分钟以下快速启动”). 我知道Angular 2有一个javascript部分,这对我有用.但是没有编码示例,您在互联网上找到的所有内容都是Typescript.因此我无法继续在javascript中运行Angular 2,因为缺少教程. 简而言之,我不介意使用Typescript,但我只想要一个纯粹的javascript作为结果,我可以导入HTML并从那里开始. 另外在旁注问题上,运行生产时是否需要存在所有node_modules？ 教程的奖励积分可以解释这一点！ 谢谢！ 解决方法
事实上,angular.io网站上有一个关于此的文档：
> https://angular.io/docs/ts/latest/cookbook/ts-to-js.html 它显示了将TypeScript代码转换为ES5代码的方法,它似乎正是您正在寻找的东西. 这是一个示例： > TypeScript import { Component } from '@angular/core';
@Component({
selector: 'hero-view',template:
'<h1>Hero: {{getName()}}</h1>'
})
export class HeroComponent {
title = 'Hero Detail';
getName() {return 'Windstorm';}
}
> ES5 function HeroComponent() {
this.title = "Hero Detail";
}
HeroComponent.annotations = [
new ng.core.Component({
selector: 'hero-view',template:
'<h1>Hero: {{getName()}}</h1>'
})
];
HeroComponent.prototype.getName =
function() {return 'Windstorm';};
在哪里可以这样做;-) function HeroComponent() {
this.title = "Hero Detail";
}
var HeroComponent = new ng.core.Component({
selector: 'hero-view',template:
'<h1>Hero: {{getName()}}</h1>'
}).Class({
constructor: function() {
},getName: function() {
return 'Windstorm';
}
});
关于Angular2应用程序的打包,这个问题也会让您感兴趣： > How do I actually deploy an Angular 2 + Typescript + systemjs app? （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |