随笔分类 -  Angular

2020.2.22
Angular解析json
摘要：一. 解析本地Json数据并展示（待定） 1. 创建服务{ 创建一个接口对象用于接收Json数据 通过HttpClient获得本地Json文件 } 2. 组件中引入服务调用服务方法拿文件用subscribe将文件Json解析成对象再传给本地组件属性，其中调用服务方法放在组件ts的构造方法中 3. 再 阅读全文
posted @ 2020-02-22 15:07 对·味 阅读(1603) 评论(0) 推荐(0)
Angular RxJs：针对异步数据流编程工具
摘要：一. RxJs：针对异步数据流编程工具 1. 创建subject类对象（发送方） 2. subject.subscribe(观察者); （注册观察者对象observer，可以注册多个相当于回调函数取数据，返回消费者） 3. 消费者有取消订阅的方法unsubscribe,相当于取消监听 4. 发送数据 阅读全文
posted @ 2020-02-22 14:45 对·味 阅读(142) 评论(0) 推荐(0)
Angular路由使用
摘要：一. 路由：根据不同URL地址，动态让根组件挂载其他组件来实现单页面应用，相对地址 1. 项目一开始创建就会询问是否添加路由（Angular routing） 2. 有无路由区别{ 1. 多了一个routing的ts文件（配置路由的ts文件） 2. 在app中module中引入路由并配置 3. ap 阅读全文
posted @ 2020-02-22 14:43 对·味 阅读(189) 评论(0) 推荐(0)
Angular绑定数据
摘要：1. 绑定数据 { 1.在组件ts文件中定义属性：public 属性名 = ‘数据’ 2.在组件中html中定义：{{属性名}} } 2. 在html获得ts中的值（也可以绑定图片src） { 静态属性：title = ‘ming’ 动态属性：[title] = ‘ts中属性名字’ } 3. Htm 阅读全文
posted @ 2020-02-22 14:40 对·味 阅读(293) 评论(0) 推荐(0)
Angular组件通信
摘要：一. 组件间通信（组件间不能互相调用，公共方法放在服务中） （目前项目采用将公共方法直接写在ts文件中没使用服务） ng g service services/服务名 App.module.ts{ 引入服务：import {ts类名} from ‘./services/服务名.service’; 配 阅读全文
posted @ 2020-02-22 14:39 对·味 阅读(132) 评论(0) 推荐(0)
Angular常用命令
摘要：一. Angular常用命令 1. ng new 文件夹名 （新建项目，选择y使用路由） 2. ng serve --open （默认浏览器运行项目） 3. ng serve --port 6060 （运行多个项目在不同端口） 4. ng g （提示能创建的各种东西） 5. ng g compone 阅读全文
posted @ 2020-02-22 14:37 对·味 阅读(226) 评论(0) 推荐(0)
Angular目录结构
摘要：一. Angular目录结构 e2e：在e2e/下是端到端测试 node_modules：安装的第三方模块都在这，使用npm install安装的1 Src：我们项目的所有文件 { App：组件，以app.module.ts定义根模块1 Assets：静态资源1 environments：各个目标环 阅读全文
posted @ 2020-02-22 14:35 对·味 阅读(395) 评论(0) 推荐(0)
Angular环境搭建
摘要：1. 百度angular官网按照官方文档创建简单demo 2. 可以使用vscode导入angular创建好的项目 3. Vscode无提示可在最后搜angular安装最新版就好 4. 修改package.json中ng build --prod，优化编译后文件 5. 注意：错误ng不是内部或外部命 阅读全文
posted @ 2020-02-22 14:34 对·味 阅读(141) 评论(0) 推荐(0)