Angular 在Visual studio 2015更新3中学习如何使用Typescript
我是个新手。我正在尝试使用visual studio 2015创建一个角度应用程序。如前所述,我已经安装了在VS2015中使用Angular所需的所有要求和配置 我已经学会了英语的基本知识。现在我需要继续深入学习Angular示例项目 在我的第一个示例项目中,我有三个.ts(转录本)文件,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
梅因酒店 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];
}