Angular
文章平均质量分 57
虽菜但瘾
肝就完了
展开
-
[Angular]——ng-template与ng-container搭配使用
ng-template是一个 Angular 元素,用来渲染 HTML。 它永远不会直接显示出来。ng-template仅是用于包含一个内容的模板,使得其可以与其他的模板镶嵌组合成一个组件模板。<ng-template #name> <button></button></ng-template>正因为其不会显示在DOM中,所以可以将一些指令放在上边。<ng-template #name *ngIf="true"> <bu原创 2021-01-10 15:59:09 · 1187 阅读 · 1 评论 -
[Angular]——— 路由传参
路由传参queryParams在H5页面标签上添加queryParams<a routerLink="/detail" [queryParams]="{id: 1}">detail</a>在组件中接收参数import { ActivatedRoute } from '@angular/router';// 注入依赖类constructor(private route: ActivatedRoute) { } ngOnInit () { // 变原创 2021-01-06 20:04:10 · 553 阅读 · 0 评论 -
[Angular]——创建表单之FormArray、FormGroup
简述表单的三大基本构造块:FormGroup 、 FormControl、FormArray 。FormGroup 把每个子 FormControl 的值聚合进一个对象,它的 key 是每个控件的名字。 它通过归集其子控件的状态值来计算出自己的状态。 比如,如果组中的任何一个控件是无效的,那么整个组就是无效的。FormArray 聚合了数组中每个表单控件的值。 它还会根据其所有子控件的状态总结出自己的状态。比如,如果 FromArray 中的任何一个控件是无效的,那么整个数组也会变成无效的。原创 2020-10-28 16:34:18 · 1853 阅读 · 0 评论 -
[Angular]——兄弟组件交互
兄弟组件兄弟组件一般使用中间人的方式实现交互,中间人也有不同的选择,可以使用第三者或者父组件也可以使用父服务,相对于第三者组件,父组件和服务的优点就体现出来了——稳定 , 父子组件一般是有耦合的,所以在确保模块的独立性时会选择父服务作为中间人。本篇文章参照angular8兄弟之间传值创建兄弟组件相对于parent模块来说,tom 和 jack 是兄弟组件。parent.service就是选用的中间人。tom.component.html<div style="margin:原创 2020-09-30 14:16:28 · 2917 阅读 · 3 评论 -
[Angular]——父子组件传值
父子组件之间传值 父子组件之间传值装饰器@Input与@Output通过 setter 截听输入属性值的变化通过ngOnChanges()来截听输入属性值的变化父组件监听子组件的事件父组件与子组件通过本地变量互动父组件调用@ViewChild()父组件和子组件通过服务来通讯总结装饰器@Input与@Output父组件引用子组件,两个组件内部都是一个输入框parent.component.html<div style="border: darkred 1px solid; width: 50%原创 2020-09-23 11:17:26 · 650 阅读 · 0 评论 -
[Angular]——动态增加表单项
动态增加表单这个问题的环境是基于Angular10和NG-ZROOR,nz中的动态表单是有个触发机制的——点击按钮,而有时候页面的显示是不需要手动触发的。先从后台取回数据,在进行数据的渲染,这时候需要问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer);原创 2020-09-21 13:43:40 · 2363 阅读 · 0 评论 -
[Angular]——快速创建框架模板
Angular搭建模板框架前言:网络不好,可以使用国内淘宝镜像。本模板的脚手架使用Ng Alain,本地环境需要安装 node 和 git。技术栈基于 Typescript、Angular、g2、@delon 和 ng-zorro-antd。配置国内镜像:打开终端,输入 npm config get registry 来查看当前地址更改地址:npm config set registry https://registry.npm.taobao.org安装(推荐CLI)创建项目:ng原创 2020-09-10 11:19:43 · 625 阅读 · 0 评论 -
[Angular]——开发环境配置
【Angular】欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mark原创 2020-09-09 15:45:41 · 261 阅读 · 0 评论