Angular
文章平均质量分 68
Angular框架学习
Silam Lin
互联网技术、前端技术学习研究
展开
-
Angular 组件升级实战:将项目中的ng2-tree组件替换成ngx-tree
Angular 树形组件ng2-tree与ngx-treeview需求描述初识ng2-tree初识ngx-treeview改造之路 ①(坑)修改样式限制一开始都是不选中把checkbox改成radio?爬出坑前阵子我做了一个比较好玩同时又是比较大坑的task。在这个过程中,踩了许多坑,走了一些奇奇怪怪崎岖的弯路hhhh。不过实践下来终归是有趣好玩的,不仅学到了一些骚操作(尽管最后不一定采用,但确实是个好的思路),也加深了对这两个组件特性的理解。故对此过程做简单记录。需求描述需求:把项目中的ng2-t原创 2021-07-14 20:36:30 · 893 阅读 · 1 评论 -
Angular 在项目中学习@ViewChild和ElementRef的使用
Angular @ViewChild和ElementRef的使用@ViewChild@ViewChild 使用一@ViewChild 使用二小结ElementRef@ViewChild与ElementRef 结合操作子组件的DOM作为一个刚开始学习Angular的初学者,我在以Angular为开发框架的项目中见到了包含 @ViewChild 和 ElementRef 的代码。因为是边做边学,第一次见到是感觉有点疑惑陌生,又好奇。在伙伴的指导和自己查阅之下,对这二者有了大概的了解认识,并完成了项目中的开发需原创 2021-06-14 16:58:36 · 1093 阅读 · 2 评论 -
ngx-translate实现国际化:this.translate.use()、this.translate.get()、this.translate.instant()、onLangChange
Angular ngx-translate实现国际化 ngx-translate的配置assets - i18n 创建国际化文件三级目录学习Angular,第一次在项目中遇到关于ngx-translate实现国际化的需求。将实现过程、用法稍作总结。ngx-translate的配置用npm install ngx-translate的依赖npm install @ngx-translate/core --savenpm install @ngx-translate/http-loader --sav原创 2021-06-12 21:12:38 · 2640 阅读 · 0 评论 -
Angular RxJS Subject主体
RxJS SubjectSubject与Observable的区别Subject作可观察对象Subject作观察者Subject与Observable的区别Subject是多播的,可以把值推送给多个观察者;Observable是单播的。Subject既可以做可观察对象,又可以做观察者Subject作可观察对象// 创建subjectvar subject = new Rx.Subject();//为subject注册两个观察者observerA、observerBsubject.sub原创 2021-06-07 09:39:53 · 253 阅读 · 0 评论 -
Angular RxJS入门笔记 (Observable可观察对象、Subscribe订阅、Observer观察者、Subscription对象)
RxJS入门笔记,关于Observable可观察对象、Observer观察者、Subscribe订阅,SubscriptionObservable可观察对象Observer观察者总结整体本笔记可用于入门理解和记忆RxJS的基本概念和使用。Observable可观察对象官方文档对Observable的描述:Observables 是使用 Rx.Observable.create 或创建操作符创建的并使用观察者Observer来订阅Subscribe它然后执行它并发送 next / error /原创 2021-06-07 09:04:26 · 2513 阅读 · 0 评论 -
Angular formControl表单应用:清除input输入框中的值value
Angular 表单formControl应用:清除input输入框中的值value需求描述代码实现需求描述这次做的是一个与angular formControl表单相关的需求。用户操作顺序如下:有一个input输入框用户在input中输入内容点击一个button保存当前内容,并提交至DataBase清空input输入框中的value,以供下一次输入。这样的需求很合理。因为在第一次输入后,用户存在后续第二次或者第三次甚至更多次输入提交操作的可能。但总不可能说去不断刷新页面加载一个新的表原创 2021-06-03 18:29:33 · 2324 阅读 · 0 评论 -
Angular NG-ZORRO 如何修改ng-zorro-antd组件自身的样式
Angular NG-ZORRO 如何修改ng-zorro-antd组件自身的样式方法总结:前阵子在公司实习学习中,接触到了ng-zorro-antd这个组件库,用它来做了一些业务上的内容。方便好用是不需要说的了,但是有时候需要修改它自身的样式,为的是能和其它组件能够统一美观。这里总结一下修改ng-zorro-antd组件自身样式的几种方法,供需要时查阅参考。方法总结:类名等 前加 ::ng-deep类名等 前加 :root类名等 前加 :host /deep/...原创 2021-06-03 17:33:50 · 1054 阅读 · 0 评论 -
Angular 1 CLI创建新的工作区和应用、AppComponent(@Component、selector、templateUrl、styleUrls)
CLI创建新的工作区和应用、AppComponentCLI创建新的工作区和应用AppComponent三级目录CLI创建新的工作区和应用位于没有Angular工作区的文件夹中运行CLI进入该文件夹,使用"ng new" 命令AppComponentapp.component.ts代码如下:import { Component } from '@angular/core';@Component({ selector: 'app-root', templateUrl: './ap原创 2021-03-23 19:59:44 · 378 阅读 · 0 评论