Angular封装WangEditor富文本组件
摘要：富文本组件是web程序中很常用的一个组件，特别是要开发一个博客，论坛这类的网站后台。 得益于Angular的强大，封装WangEditor组件非常简单 1.使用yarn或者npm安装wangeditor yarn add wangeditor 2.创建一个Angular的组件 ng g c q-wa
阅读全文
posted @ 2021-07-29 17:23
随笔分类 - 前端笔记
使用Angular CDK实现一个Service弹出Toast组件
摘要：在Angular中，官方团队在开发Material组件库的同时，顺手做了一套Component dev kit，也就是在Angular世界中大名鼎鼎的CDK，这套工具包提供了非常多的前端开发的通用功能。Angular的知名组件库几乎都依赖了这套开发包。比如ANT，PrimeNG等。 本文主要写用cd
阅读全文
posted @ 2021-07-27 21:27
ng中的ng-content ng-template ng-container
摘要：在angular中，有这样三个自带的标签，但是在angular的文档中没有说明，只有在api中有简单的描述，摸索了半天才搞懂是咋回事。 ng-content <div> <ng-content select=".header"> </ng-content> <hr/> <ng-content sel
阅读全文
posted @ 2020-03-31 12:38
【Vue.js】简单说下vuejs中v-model自定义使用姿势
摘要：vue.js中有个v-model的语法，可以实现双向绑定。 起初刚看到的时候，觉得很神奇。后面随着对vue.js的熟悉。发现这个其实是vue官方给我们实现的一个语法糖。 使用v-model的时候，vue会绑定组件的value属性，在自定义组件上使用v-model，然后浏览器审查元素，就会发现组件上做
阅读全文
posted @ 2019-11-27 14:17
在Vue中使用Echart图表库。【全网最简单】
摘要：使用npm安装echart npm install echarts --save 然后在使用的页面上直接import import echarts from "echarts"; 在页面放一个图表渲染的容器 <div id="chart1" style="width:100%;height:376p
阅读全文
posted @ 2019-11-17 21:13
Angular双向绑定简单理解
摘要：在使用Antd的时候，一直很好奇里面的双向绑定的自定义组件是怎么做的。 因为之前一直用，没有去细看文档。 今天抽空来简单的撸一下。 在ng中，()是单向数据流，从视图目标到数据源，[()]这样就是双向绑定了。简单的说就是ng给的一个语法糖，帮我们做了子组件内部事件发射的事件监听，然后赋值。 子组件：
阅读全文
posted @ 2019-10-18 11:32
