随笔分类 -  Angular2

摘要：Angular2官网通过http请求模拟API 来请求hero 数据，感觉有点繁琐，很让人理解不了，我们不采用它的办法，直接展示怎么使用http请求来获取我们的数据 ，直截了当。 第一、准备工作，创建一个WebApi 创建一个webapi（这里我使用MVC4 WebApi ，你可以选择其他途径提供j 阅读全文

摘要：网上找了很多版本尝试都不行，最后在stackoverflow上找到一个，尝试完美解决 具体操作步骤如下 1. 安装jquery npm install jquery 2.安装 type for jquery npm install -D @types/jquery 3.在组件中使用jquery im 阅读全文

摘要：上篇我们使用的数据是通过mock-news.ts中的const News[] 数组直接赋给Component 组件的，这篇我们把提供数据的部分单独封装成服务 第一、创建news.service.ts 装饰器@Injectable（）代表该服务会在程序启动时候自动注入Component的组件中，后面会 阅读全文

摘要：上篇（Angular2快速入门-2.创建一个新闻列表）已经完成新闻列表的展示，并且点击新闻列表的时候，下面可以展示出新闻的详细信息，这节我们把新闻详细和新闻列表页面分离出来 新闻详细单独一个component 第一、创建news-detail.component 1）创建news-detail.co 阅读全文

摘要：背景： 我们想通过一个例子，展示下Angular2 怎么绑定页面，怎么创建Component， 例子：我们创建一个新闻列表，当点击新闻列表中某一条新闻的时候，展示出该条新闻的详细信息， 在详细信息中可以修改新闻标题。 第一、创建新闻Component（视图组件） 第一、创建新闻Component（视 阅读全文

摘要：一、环境搭建 Angular2 运行在nodejs 环境下，需要我们先创建好nodejs环境，具体操作 1.下载安装Nodejs,参考网址，https://nodejs.org/en/ 选择64位，下一步到完成。 安装后，在命令行 ，执行 node -v ，可以查看到当前版本，确保当前版本>node 阅读全文