随笔分类 -  Angular

ionic3使用echart插件
摘要：安装 看官方文档可以知道ECharts可以在webpack中使用看这里，故我们可以使用npm下载安装到项目中 使用 1.在页面创建一个echart容器 2.在需要使用的页面的ts文件中引入echart并初始化 使用传统的dom操作 使用@ViewChild，建议使用此angular的dom操作 完整 阅读全文
posted @ 2018-09-12 11:37 大象踢足球 阅读(339) 评论(0) 推荐(0)
[ngClass]、[ngStyle]的基本使用（转载）
摘要：1、ngStyle 基本用法 判断添加 2、ngClass 第一个参数为类名称，第二个参数为boolean值，如果为true就添加第一个参数的类 基本用法 判断 3、例子循环显示的第一行添加text-danger样式，文字变红色 const arr = [1, 3, 4, 5, 6] <ul> <l 阅读全文
posted @ 2018-08-23 15:23 大象踢足球 阅读(441) 评论(0) 推荐(0)
Angular4中常用管道（转载）
摘要：Angular4中常用管道 通常我们需要使用管道实现对数据的格式化，Angular4中的管道和之前有了一些变化，下面说一些常用的管道。 一、大小写转换管道 uppercase将字符串转换为大写 lowercase将字符串转换为小写 页面上会显示 将字符串转换为大写HELLO 二、日期管道 date。 阅读全文
posted @ 2018-08-08 10:31 大象踢足球 阅读(246) 评论(0) 推荐(0)
Ngfor遍历map的方法
摘要：Ngfor可以遍历list和数组，但如果想遍历map，可以使用下面的方式 在TypeScript文件中： 在html文件中： 例子 ts文件： html文件： 先遍历attachMapKey，然后根据key获取值（attachMap[attachKey]）。 参考： https://stackove 阅读全文
posted @ 2018-08-08 08:32 大象踢足球 阅读(1214) 评论(0) 推荐(0)
Angular学习笔记—基础（转载）
摘要：创建简单组件 新建组件 $ ng generate component simple-form --inline-template --inline-style # Or $ ng g c simple-form -it -is # 表示新建组件，该组件使用内联模板和内联样式 在命令行窗口运行以上命 阅读全文
posted @ 2018-07-09 16:46 大象踢足球 阅读(302) 评论(0) 推荐(0)
Angular学习笔记—创建一个angular项目
摘要：开始项目前，你需要先安装node和npm，然后执行npm install -g @angular/cli安装Angular CLI。 如何安装node.js和npm npm使用介绍 1.安装angular-cli Angular提供了一个命令行工具angular-cli,它能让用户通过命令行创建和管 阅读全文
posted @ 2018-07-09 15:01 大象踢足球 阅读(842) 评论(0) 推荐(0)
Angular学习笔记—路由（转载）
摘要：创建路由 1.首先安装 Angular Router。你可以通过运行以下任一操作来执行此操作： 以上命令执行后，将会自动下载 @angular/router 模块到 node_modules 文件夹中。 2.然后将 <base> 标签添加到我们的 index.html 文件中。路由需要根据这个来确定 阅读全文
posted @ 2018-07-05 14:08 大象踢足球 阅读(223) 评论(0) 推荐(0)
Angular学习笔记—HttpClient （转载）
摘要：HttpClientModule 应用 导入新的 HTTP Module 需要注意的是，现在 JSON 是默认的数据格式，我们不需要再进行显式的解析。即我们不需要再使用以下代码： 现在我们可以这样写： http.get(url).subscribe(...) 发送 Get 请求 import {Co 阅读全文
posted @ 2018-07-04 13:56 大象踢足球 阅读(440) 评论(0) 推荐(0)
Angular学习笔记—Rxjs、Promise的区别
摘要：Promises: 异步操作完成或失败时处理单个事件 不可取消 代码可读性强，有try/catch Observables: 可持续监听和响应多个事件 可取消订阅 支持map, filter, reduce等 通常情况下Observables优于Promises，但也有些情况需要使用Promises 阅读全文
posted @ 2018-05-21 16:14 大象踢足球 阅读(666) 评论(0) 推荐(0)
Angular路由参数传递
摘要：一、路由时传递参数的方式 1、在查询参数中传递数据 相应的后台获取是：ActivedRoute.queryParams[id] 2、在路由路径中传递数据 在路由定义时，定义为：product/:id，其中“:id”代表参数 3、在路由配置中传递数据 页面跳转： 接收参数： 二、后台接收路由参数方式 阅读全文
posted @ 2018-05-03 13:58 大象踢足球 阅读(372) 评论(0) 推荐(0)
Angular学习笔记—RxJS与Observable（转载）
摘要：1. Observable与观察者模式的关系 其实这里讲的Observable就是一种观察者模式，只不过RxJS把Observable结合了迭代模式以及附件了很多的operator，让他变得很强大，也增添了一些神秘的色彩。 那么设计模式中的观察者模式，其实是非常简单的，可以用生活中的订牛奶的示例来说 阅读全文
posted @ 2018-03-29 09:44 大象踢足球 阅读(319) 评论(0) 推荐(0)
Angular学习笔记—架构简述
摘要：这个架构图展现了 Angular 应用中的 8 个主要构造块： 模块 (module) 组件 (component) 模板 (template) 元数据 (metadata) 数据绑定 (data binding) 指令 (directive) 管道 服务 (service)和依赖注入 (depen 阅读全文
posted @ 2018-03-27 20:53 大象踢足球 阅读(1496) 评论(0) 推荐(0)