Angular
文章平均质量分 94
hresh
这个作者很懒,什么都没留下…
展开
-
Angular与Rxjs学习
文章目录简介初级核心概念创建Observableof()from()fromEvent()fromPromise()interval()ajax()操作符(Operators)mapfiltershare其他错误处理重试失败的可观察对象问题记录fromPromise no longer exported in master (v6)参考文献简介RxJS是ReactiveX编程理念的JavaSc...原创 2020-04-21 19:30:42 · 727 阅读 · 0 评论 -
Observable学习笔记
文章目录简介基本用法和词汇地理位置的获取获取当前地信息重复获取当前地理信息使用基于Observable的位置监听定义观察者订阅创建可观察对象多播问题记录angular中clearTimeout不生效的问题总结参考文献简介可观察对象(Observable)支持在应用中的发布者和订阅者之间传递消息。可观察对象(Observable)可以发送多个任意类型的值 —— 字面量、消息、事件。基本用法和...原创 2020-04-21 19:30:26 · 931 阅读 · 0 评论 -
Angular 中的可观察对象
文章目录EventEmitterHTTPAsync 管道路由器 (router)响应式表单 (reactive forms)参考文献Angular 使用可观察对象作为处理各种常用异步操作的接口。比如:EventEmitter 类派生自 Observable。HTTP 模块使用可观察对象来处理 AJAX 请求和响应。路由器和表单模块使用可观察对象来监听对用户输入事件的响应。EventE...原创 2020-04-21 19:31:07 · 449 阅读 · 0 评论 -
模板驱动表单学习
文章目录创建User模型类创建表单组件页面测试总结参考文献在 Angular知识学习(一)中有讲述到表单的知识,不过那是最基础的演示,在之后的学习中又了解到模板驱动表单,所以考虑对之前的表单案例进行重构,完善表单功能,让案例更接近应用。根据官网模板驱动表单的知识内容,我们重新构建人员登记表单,主要分为以下步骤:创建 Uuser 模型类创建控制此表单的组件创建具有初始表单布局的模板。使...原创 2020-04-20 15:10:10 · 347 阅读 · 0 评论 -
NgForm学习笔记
文章目录从废弃的 ngForm 选择器迁移过来监听表单提交设置更新选项NgForm与NgModelngModel[ngModel][(ngModel)]参考文献NgForm 创建一个顶级的 FormGroup 实例,并把它绑定到一个表单,以跟踪表单的聚合值及其验证状态。官方文档说明:只要你导入了 FormsModule,该指令就会默认在所有标签上生效。你不需要再添加任何特殊的选择器。你可...原创 2020-04-20 15:05:01 · 1252 阅读 · 0 评论 -
NgModel指令学习笔记
文章目录在独立控件模式下使用 ngModel在表单中使用 ngModel在表单组中使用独立 ngModel通过选项设置 ngModel 的 name 属性总结参考文献NgModel 指令使用场景比较多,还会和 NgForm 结合使用,所以非常有必要单独写一篇学习笔记。NgModel 根据领域对象创建一个 FormControl 实例,并把它绑定到一个表单控件元素上。官方说明:这个 For...原创 2020-04-20 14:58:41 · 1956 阅读 · 0 评论 -
属性型指令学习
文章目录创建一个简单的属性型指令使用属性型指令响应用户引发的事件使用 `@Input` 数据绑定向指令传递值绑定到第二个属性参考文献在 Angular 中有三种类型的指令:组件 — 拥有模板的指令结构型指令 — 通过添加和移除 DOM 元素改变 DOM 布局的指令属性型指令 — 改变元素、组件或其它指令的外观和行为的指令。组件是这三种指令中最常用的。 你在快速上手例子中第一次见到组件...原创 2020-04-20 14:50:13 · 295 阅读 · 0 评论 -
Angular基础知识学习(三)
文章目录路由简单路由案例默认路由动态路由动态路由的JS跳转普通跳转get传值父子路由模块自定义模块添加自定义模块添加自定义模块下的组件添加自定义模块下的服务路由配置问题记录自定义模块路由配置懒加载时报错参考文献路由简单路由案例1、命令创建项目ng new angualrdemo04执行该命令时,会有这么一段内容询问你是否需要创建路由。Would you like to add Ang...原创 2020-04-20 14:41:26 · 296 阅读 · 0 评论 -
Angular基础知识学习(二)
文章目录服务数据持久化到localStroage生命周期父子组件之间通信传值父组件通过@Input给子组件传值子组件通过ViewChild给父组件传值子组件通过Output给父组件传值父子组件相互通信Rxjs异步数据流编程介绍回调函数**事件监听**PromiseRxjs数据交互(Get,Post,jsonp)Get获取数据Post获取数据jsonp获取数据第三方模块axios获取数据服务创建...原创 2020-04-20 14:21:53 · 650 阅读 · 0 评论 -
Angular基础知识学习(一)
文章目录属性、元素操作以及指令普通数据图片展示模板引用变量NgForNgSwitch和NgIfNgClass和NgStyle管道安全导航运算符( `?` )和空属性路径绑定语法绑定类型与绑定目标事件普通点击事件表单事件双向数据绑定*$event* 和事件处理语句Form表单搜索TodoList(待办事项和已完成事项)服务数据持久化到localStroage生命周期属性、元素操作以及指令普通数据...原创 2020-04-20 13:58:19 · 661 阅读 · 0 评论 -
使用VScode开发Angular
文章目录前言主题插件快捷键问题记录Vs Code打开新的文件会覆盖窗口中的,怎么改文件夹按照层级结构显示如何快速打开项目参考文献前言Visual Studio Code(简称VS Code)是一个由微软开发,同时支持Windows、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器,它支持测试,并内置了 Git 版本控制功能,同时也具有开发环境功能,例如代码补全(类似于 Int...原创 2020-04-19 19:33:43 · 3182 阅读 · 0 评论 -
Angular学习前期准备
文章目录简介前提条件[Node.js]( https://nodejs.org/en/ )npm 包管理器Angular配置安装 Angular CLI创建项目运行应用Angular开发创建组件创建服务创建类使用类创建接口引入 JQuery问题记录Type string trivially inferred from a string literal, remove type annotation...原创 2020-04-19 18:57:35 · 1127 阅读 · 0 评论