yw00yw的博客

技术共享、技术学习、技术交流

angular7中httpClient封装get/post请求

login.component.ts import { HttpService } from 'src/app/services/http.service'; constructor(private http: HttpService) {} // ajax数据测试 get doGet...

2019-05-19 15:28:51

阅读数 191

评论数 0

前端常用工具和技术查询网站总结

技术趋势查询 查询技术的发展趋势、受欢迎度 前端Top100 https://www.awesomes.cn/rank stackoverflow https://insights.stackoverflow.com/survey/2018 工具类 图片格式转换工具 https://clou...

2019-05-19 15:28:22

阅读数 28

评论数 0

angular7中ngx-quill富文本编辑器的使用

在angular中使用ngx-quill 在angular中使用ngx-quill富文本编辑器的入坑指南。 如果在ng2<=>ng5版本中,根据网上的教程是没有问题的。 如果在>=ng5版本,目前项目在ng7项目中使用ngx-quill出现错误。 在ng...

2019-05-17 18:34:46

阅读数 34

评论数 0

File​Reader的基本使用

FileReader简介 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。 FileReader是一种异步文件读取机制,结合input:file可以很方便的读取本地文件。 in...

2019-05-17 15:12:17

阅读数 38

评论数 0

开发人员必备工具(持续更新中)

搜索引擎 Chrome 秘技搜索

2019-05-17 08:29:23

阅读数 76

评论数 0

Chrome浏览器调试技巧

js断点调试的两种方式 方法1:在 Source 内容区设置 (1)找到要调试的文件,然后在内容源代码左侧的代码标记行处点击,即可打上一个断点。 (2)刷新浏览器,当页面代码运行到断点处便会暂停执行。 注:在angular等webpack工具构建的项目调试断点的时候,可以在控制台打印日志信息,然...

2019-05-16 15:31:59

阅读数 43

评论数 0

angular表单的状态字段

touched 和 untouched 访问过和未访问过,获得焦点或者未获得焦点 <div> 用户名:<input type="text" formControlName="username"&g...

2019-05-15 22:48:35

阅读数 26

评论数 0

angular中响应式表单校验

响应式表单校验(angular自带校验和自定义校验规则) import { Component, OnInit } from '@angular/core'; import { FormBuilder, Validators, FormControl, FormGroup } from '@ang...

2019-05-15 16:49:37

阅读数 26

评论数 0

angular响应式表单基本使用

<form [formGroup]="formModel" (ngSubmit)="onSubmit()"> <div formGroupName="dateRange"> ...

2019-05-15 15:56:21

阅读数 23

评论数 0

angular中模板驱动型表单的基本使用

模板驱动表单实例 ngForm 在angular应用中,会自动的添加到每个表单,NgForm隐式的创建了一个FormGroup类的实例 ngForm可以被一个模板本地变量引用,以便在模板中访问ngForm对象的实例。 ngModel同样也可以被模板本地变量引用,代表一个formControl对象...

2019-05-15 15:02:43

阅读数 26

评论数 0

开发常用命令行工具技巧

快速删除node_modules目录 cnpm install rimraf -g // 全局安装 cd 项目目录 // 进入到项目目录 rimraf node_modules // 删除node_modules目录 快速打开远程窗口 win + R 键弹出命令行窗口 输入 mst...

2019-05-14 08:51:26

阅读数 7

评论数 0

angular——ng-template、ng-content、ng-container

一、ng-content ng-content是内容映射指令(也叫内容嵌入),相当于vue中的slot内容分发,内容映射指的是在组件中嵌入模板代码,方便定制可复用的组件,很好地扩充组件的功能,方便代码的复用。 使用方法:https://blog.csdn.net/yw00yw/article/de...

2019-05-13 16:48:57

阅读数 10

评论数 0

使用angular的ng-content插槽进行组件内容投射

在实际的使用中,我们会用到内容投影,即插槽的概念。在vue中可以通过slot来标记插槽,从而达到从父组件向子组件传递显示内容。 在angular中,同样可以使用ng-content来实现与vue中的slot同样的功能和效果。 简单投影(单个插槽| 默认插槽| 匿名插槽) 父组件anchor.com...

2019-05-13 16:23:40

阅读数 10

评论数 0

angular7的多环境(开发环境、测试环境、生产环境)配置

在angular程序开发的时候,我们一般会使用三种环境,比如:开发环境、测试环境、生产环境。针对不同的环境使用不同的代码,比如接口地址。 配置开发环境、测试环境、生产环境 开发环境:environment.ts——用于程序开发 (创建项目时自动生成) export const environmen...

2019-05-13 12:09:02

阅读数 16

评论数 0

angular项目中的细节问题处理

滚动条 在页面中使用多个滚动条的时候应该给对应的div设置不同的类名,避免使用同一个类名导致不起效果。

2019-05-08 19:12:39

阅读数 13

评论数 0

angular项目部署刷新404问题

在将angular项目做完之后打包部署之后,当更改url或者刷新的时候报错404问题: app.module.ts文件添加两行代码: import { LocationStrategy, HashLocationStrategy } from '@angular/common'; @NgModu...

2019-05-05 13:10:56

阅读数 16

评论数 0

angular中使用angular2-qrcode生产二维码

官方地址 https://github.com/SuperiorJT/angular2-qrcode

2019-04-30 10:00:06

阅读数 38

评论数 0

angular中使用essence-ng2-print插件实现打印功能

在使用angular7做项目的时候,有个需求就是实现打印。百度搜索了一下,可以看到在angular中实现打印功能可以使用essence-ng2-print插件。网上也可以搜到其他的博客,但是真正用的时候发现还是不会用。 在经过摸索和请教大佬之后,经过尝试才实现了打印的初步功能。 正确使用: 1、安...

2019-04-29 19:14:18

阅读数 54

评论数 0

angular7+ngzorro项目实战问题

ngzorro的nzWidth无效 .ant-table-thead > tr > th, .ant-table-tbody > tr > td padding 8px 6px text-align center b...

2019-04-25 18:24:08

阅读数 83

评论数 0

angula中的特性模块父子路由懒加载

在使用angular的模块懒加载的时候,一级路由是没问题的,都可以访问,但是使用二级路由,即子路由的时候报错或者没反应。 这个坑可真是大而深呀。 报错如下: 研究了很久,浪费了很多时间。刚开始确实想着一级模块路由和子模块路由配置应该是一样的。就将子模块路由的配置和一级路由模块懒加载的配置一样。但...

2019-04-23 23:40:09

阅读数 15

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭