在 Visual Studio 2015 Update 3 中学习 Angular with Typescript



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

我已经学习了Angular的基础知识。现在我需要继续使用 Angular 示例项目来深入学习。

在我的第一个示例项目中,我有三个 .ts(成绩单(文件,
主目录

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './boot';
const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

引导.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 { }

应用程序

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];
}

我感到困惑是先在app.ts中创建组件还是在boot.ts等中创建模块。

1.( 在使用 Angular 之前,我需要学习打字稿吗?
2.(更喜欢我的链接,我可以在其中获得示例项目来学习这些基础知识。
3.(任何一种从头开始学习的书籍。

我创建了一个示例应用程序,其中逐步解释了使用MVC框架创建角度(Angular v4(应用程序 Asp.net 详细信息。以下是链接。我也在研究模块化应用程序,我将很快更新。希望这对你有帮助。

http://hive.rinoy.in/angular4-and-asp-net-mvc-hybrid-application/

最新更新