2018年10月12日

Angular待办事项应用4——模拟web服务

摘要: 内存服务器 angular提供了一个快速建立测试用的web服务方法,内存服务器(in-memory),让我们不用等待后端开发的进度 安装npm包 构建数据模型 在todo文件夹创建文件todo-data.ts 我们创建了一个InMemoryDbService的内存数据库 内存web服务 首先在app 阅读全文

posted @ 2018-10-12 23:55 乌云上 阅读(436) 评论(0) 推荐(0) 编辑

Angular待办事项应用3

摘要: 隔离业务逻辑 接着上一节,业务逻辑应该复古牛仔单独的service中,我们在todo文件夹中建立TodoService 引入UUID包 todo中id要唯一,一个是采用一个自增长数列,一个是采用随机生成的一组不可能重复的字符序列,常见的就是UUID 安装成功: 修改id类型 export class 阅读全文

posted @ 2018-10-12 21:53 乌云上 阅读(177) 评论(0) 推荐(0) 编辑

AngularJS 指令

摘要: AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许你自定义指令。 AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令初始化一个 Angular 阅读全文

posted @ 2018-10-12 13:30 乌云上 阅读(121) 评论(0) 推荐(0) 编辑

AngularJs基础

摘要: AngularJS 简介 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。 AngularJS 扩展了 HTML AngularJS 通过 ng-directives 扩展了 HTML。 ng-app 指令定义一个 AngularJS 阅读全文

posted @ 2018-10-12 13:02 乌云上 阅读(138) 评论(0) 推荐(0) 编辑

Angular CLI 安装和使用以及安装失败的解决方法

摘要: 背景介绍 关于Angular版本,Angular官方已经统一命名Angular 1.x同一为Angular JS;Angular 2.x及以上统称Angular; CLI是Command Line Interface的简写,是一种命令行接口,实现自动化开发流程,比如:ionic cli、vue cl 阅读全文

posted @ 2018-10-12 09:16 乌云上 阅读(1295) 评论(0) 推荐(0) 编辑

Angular待办事项应用2

摘要: todo组件 接上一篇,在根目录创建todo组件 命令行输入:ng g c todo 得到 文件结构 修改默认路由为todo: 然后打开浏览器:http://localhost:4200/ ,查看,todo组件已经ok todo实体类 我们希望todo页面有一个输入待办事项的输入框,一个显示待办事项 阅读全文

posted @ 2018-10-12 00:11 乌云上 阅读(207) 评论(0) 推荐(0) 编辑

导航