angular2 tutorial

这是官网教程。。我照着做了一遍。。代码在百度云盘 链接: https://pan.baidu.com/s/1o78efHK 密码: ktx4 代码下载后，npm start一下 就可以运行了。

教程主要有3个页面dashboard页，hero-list页和hero-detail页面
dashboard页

hero-list页

hero-detail页

我知道三个框架都很火。。。但是我真的是刚开始接触angular。然后就觉得angular2很有意思。不要问我之前在干嘛。。我也很好奇，我都干了些什么。。。。╮(╯▽╰)╭
首先，我们还是到index.html页面。在这里告知了我们去寻找main.js还有systemjs.config.js.在main.ts里告知了一个引入app.module.ts.

main.ts

app.component.ts

然后看路由

然后就是一个个组件。组件基本由一个ts文件，一个html文件，一个css文件组成。ts是js的未来式？大概就是说js不够好，未来我们可能就不用js，改用ts了。ide用自动把ts编译下成一个js和一个map,这些就不用管啦。。

在dashboard.component.ts中有如下描述。它告诉你，当你用<my-dashboard>这个节点石，会引入这个的html和css文件。然后它有一个属性，Hero[]的集合。在Init的时候，会调用service获取数据，并付给this.heroes.然后呢,页面上就可以调用这个数据啦~~~

教程中给了增删改查和查询功能。自己照着做一遍吧~感悟很多~~~
教程地址：https://angular.cn/docs/ts/latest/tutorial/

然后我还有一些疑问。比方说这个现在是npm start启动的，那如果和后台结合或者说做到一个项目中什么的。。就还缺少点什么。这个是个教程，有些多余的包什么的，感觉还是可以再删减一下。

最后推荐一个大牛，叫 大漠穷秋  可以去看下他录制的视频？我看了angular1 然后拿着angular2的教程实战。感觉这个大牛讲的很透彻？比方说带着你阅读源文件？╮(╯▽╰)╭

转载于:https://my.oschina.net/u/3478783/blog/902864

• 点赞
• 收藏
• 分享
• 文章举报