Angular 在Visual studio 2015更新3中学习如何使用Typescript

Angular 在Visual studio 2015更新3中学习如何使用Typescript,angular,visual-studio-2015,Angular,Visual Studio 2015,我是个新手。我正在尝试使用visual studio 2015创建一个角度应用程序。如前所述,我已经安装了在VS2015中使用Angular所需的所有要求和配置 我已经学会了英语的基本知识。现在我需要继续深入学习Angular示例项目 在我的第一个示例项目中,我有三个.ts(转录本)文件, 梅因酒店 boot.ts ///<reference path="./../typings/globals/core-js/index.d.ts"/> import { NgModule } fr

我是个新手。我正在尝试使用visual studio 2015创建一个角度应用程序。如前所述,我已经安装了在VS2015中使用Angular所需的所有要求和配置

我已经学会了英语的基本知识。现在我需要继续深入学习Angular示例项目

在我的第一个示例项目中,我有三个.ts(转录本)文件,
梅因酒店

boot.ts

///<reference path="./../typings/globals/core-js/index.d.ts"/>
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app';

@NgModule({
imports: [BrowserModule],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
///
从“@angular/core”导入{NgModule};
从“@angular/platform browser”导入{BrowserModule};
从“/app”导入{AppComponent};
@NGD模块({
导入:[BrowserModule],
声明:[AppComponent],
引导:[AppComponent]
})
导出类AppModule{}
app.ts

import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `    
<h2>My favorite skill is: {{myskills}}</h2>
<p>Skill:</p>
<ul>
  <li *ngFor="let skl of skills">
    {{ skl }}
  </li>
</ul>
`
})
export class AppComponent {
title = 'ASP.NET MVC 5 with Angular 2';
skills = ['MVC 5', 'Angular 2', 'TypeScript', 'Visual Studio 2015'];
myskills = this.skills[1];
}
从'@angular/core'导入{Component};
@组成部分({
选择器:“我的应用程序”,
模板:`
我最喜欢的技能是:{{myskills}}
技能:

    {{skl}}
` }) 导出类AppComponent{ title='ASP.NET MVC 5和Angular 2'; 技能=['MVC5'、'Angular 2'、'TypeScript'、'Visual Studio 2015']; myskills=this.skills[1]; }
我不知道是先在app.ts中创建组件,还是先在boot.ts中创建模块

1.)在使用Angular之前,我需要学习打字脚本吗?
2.)更喜欢我的链接,在那里我可以获得学习这些基础知识的示例项目。

3.)任何类型的书籍都可以从零开始学习。

我创建了一个示例应用程序,它逐步解释了使用Asp.net MVC框架创建angular(angular v4)应用程序的详细信息。下面是链接。我正在开发模块化应用程序,我将很快更新。希望这对你有帮助


在使用Angular之前,我需要学习打字脚本吗?是的,非常感谢。这将是非常有用的,如果你更新我一旦你更新了你的模块化应用程序。
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `    
<h2>My favorite skill is: {{myskills}}</h2>
<p>Skill:</p>
<ul>
  <li *ngFor="let skl of skills">
    {{ skl }}
  </li>
</ul>
`
})
export class AppComponent {
title = 'ASP.NET MVC 5 with Angular 2';
skills = ['MVC 5', 'Angular 2', 'TypeScript', 'Visual Studio 2015'];
myskills = this.skills[1];
}