AngularJS 2
魏小雨
Baby Steps
展开
-
一步一步学习Angular2(00.学习环境)
新的一年的第一个工作日,开篇学习当下最火的AngularJS吧. 我以前没有接触过Angular1,不知道会不会很难入门. 首先语言还是使用TypeScript,正好巩固加深一下.当然也可以用JS直接编写.想了解ts的可以看我之前的博客啊. 开发工具使用VS code. (小而强大). 后台基于Node.js原创 2016-01-04 09:34:19 · 660 阅读 · 0 评论 -
一步一步学习Angular2(01.快速入门)
今天跟随官网中的快速入门,开始我的第一个Angular2程序.目录结构是这样的angular2-quickstart |__app | |__app.component.ts | |__boot.ts |__index.html |__license.md因为是入门示例里我不需要过多的了解其中的细节。只要跟随它的步骤跑通这个例子即可。 1. 配置运行环境。 2. 用TypeScript写原创 2016-01-05 15:03:17 · 2860 阅读 · 2 评论 -
一步一步学习Angular2(02.示例 Hero Editor)
今天学习跟随官网学习我的下一个Angular2示例. 工程的目录结构与快速入门中的示例完全相同,所以我们复制上一个示例并改名为 angular2-tour-of-heroes, 让我们先把这个应用跑起来.npm start启动应用并监视应用的所有改变.展示Hero首先我们看一下这个例子的最终效果. 从上到下分别是我们的应用名字,一个显示英雄名字的标题, 下面是这个英雄的详细信息.第一步我们只原创 2016-01-06 11:23:59 · 1913 阅读 · 0 评论 -
一步一步学习Angular2(03.示例 MASTER/DETAIL)
接着上一篇文章,今天跟随官网上的例子学习怎样增加一个英雄列表,并为它增加漂亮的样式.启动我们的应用 打工上一章的工程文件夹angular2-tour-of-heroes执行npm start英雄列表现在我们要增加许多英雄到我们的应用中,所以我们需要定义一组英雄. 打开app.component.ts在其中加入下面的代码.var HEROES: Hero[] = [ { id: 1, na原创 2016-01-07 12:00:42 · 1572 阅读 · 0 评论 -
一步一步学习Angular2(04.示例 Multiple Components)
接着上一篇文章,今天跟随官网上的例子学习怎样把我们的应用分成多个组件. 首先启动我们上一章的应用 npm start原创 2016-01-26 16:12:03 · 1031 阅读 · 0 评论