2017-05-09 110 views
0

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

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

在我的第一个样本项目,我有三个.TS(成绩单)文件,
Main.ts

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

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 { } 

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

我感到困惑是否先在app.ts中创建组件或创建mo dule in boot.ts等

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

+1

*在使用Angular之前,我需要学习打字稿吗?*是的。 – 2017-05-09 13:32:37

+0

好的谢谢:) –

回答

0

我已经创建了一个示例应用程序,该应用程序逐步解释了如何使用Asp.net MVC框架创建角度(Angular v4)应用程序。以下是链接。我正在开发模块化应用程序,我将很快更新。希望这可以帮助你。

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

+0

非常感谢。如果您在更新模块化应用程序后更新我的话,这将非常有用。 –

相关问题