随笔分类 -  Angular入门

Angular入门，借鉴了一些培训机构的视频和资料，如有雷同，纯属正常
八、请求post、get、jsonp
摘要：1.创建个 news 组件使用 2.在module.ts 引入模块 3.在使用的“Component”中不一样。这里是 http和jsonp 4.编写get请求查看效果 (1).编写好的get请求，点击按钮，控制台出现了效果。 (2).读获取到的数据进行精准获取，[ ] 或者 .xx (3).获取到 阅读全文
posted @ 2019-03-17 20:34 钧天府人 阅读(864) 评论(0) 推荐(0)
七、创建服务
摘要：1.创建一个服务 (1).命令：ng generate service services/storage (2).编写内容 2.使用服务需要在 module.ts 中引入 3.改造 todolist ，在使用的"Component"引入服务 4.测试服务是否可用 (1).先存入一个 key和valu 阅读全文
posted @ 2019-03-17 15:42 钧天府人 阅读(391) 评论(0) 推荐(0)
六、实现一个小功能 todolist
摘要：1.创建一个新的Compnent 如果是通过 cli 创建的会自动加入，如果是手动创建的，需要自己加入。 2.实现添加效果 3.实现删除按钮 4.优化，把点击 添加 改为 回车 添加 5.优化，分成“进行中”和“已完成”两种 阅读全文
posted @ 2019-03-16 22:30 钧天府人 阅读(271) 评论(0) 推荐(0)
五、Angular定义字段、绑定字段、获取数据、对象获取数据、*ngFor循环获取数据，自定义方法、*ngIf条件判断、双向数据绑定
摘要：1.定义属性 2.绑定属性、绑定html中 3.循环获取数据 编写的时候没有注意，第二个循环 i 需要改成 {{i}} ，这样才会显示 出效果 4.自定义方法 变量名截图省略 5.*ngIf条件判断 6.表单处理 7.双向数据绑定 (1).导入相关模块 (2).定义属性，查看效果 (3).效果查看 阅读全文
posted @ 2018-12-23 20:05 钧天府人 阅读(2119) 评论(0) 推荐(0)
四、Angular新建组件和使用
摘要：2.组件 ts 文件详解 3.组件会自动引入到app.mudule.ts里面 4.组件的使用 阅读全文
posted @ 2018-12-23 17:10 钧天府人 阅读(2718) 评论(0) 推荐(0)
三、Angular项目，app.module.ts解析
摘要：1. 项目主要文件存放的路径 2.app.module.ts模块解析 3.模块和组件关系 |--app.module.ts(模块) |--app.component.ts(组件) |--app.component.html(HTML模板) |--app.component.css(CSS样式表)一个 阅读全文
posted @ 2018-12-22 22:47 钧天府人 阅读(3016) 评论(0) 推荐(0)
二、Angular项目创建、安装、启动
摘要：1.项目创建，进入预先存放项目的路径，命令行执行 ng new ProjectName 创建成功后的项目 2.项目安装，进行项目中执行命令 npm install 3. 项目运行，执行命令 ng serve 4.查看打开的页面，每个人版本可能不一样，页面打开的效果也不一样。 问题 创建项目，遇到这里 阅读全文
posted @ 2018-12-22 21:59 钧天府人 阅读(2577) 评论(0) 推荐(0)
一、Angular环境的搭建
摘要：1.安装nodejs (1) 下载网址https://nodejs.org/en/download/ (2) 双击进行安装 (3) 打开命令行，输入node -v 和 npm -v 查看是否安装成功 2.安装cli脚手架 命令 npm install -g @angular/cli 阅读全文
posted @ 2018-12-22 21:42 钧天府人 阅读(292) 评论(0) 推荐(0)