![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular8
z-robot
这个作者很懒,什么都没留下…
展开
-
树菜单递归
id 自增IDpe: 上级IDtitle: 栏目名称let jn = [ { id: 1, pe: 0, title: "1" }, { id: 2, pe: 0, title: "2" }, { id: 3, pe: 1, title: "3" }, { id: 4, pe: 2, title: "4" }, { id: 5, pe: 1, title: "5" }, { id: 6, pe: 0, title: "6" }, ];this.treeDa.原创 2021-08-09 13:27:30 · 65 阅读 · 0 评论 -
使用nvm 管理 nodejs npm 版本
macOS系统和windows系统安装nodejs,部分linux可以参考macOS的安装方式。LUNIX 安装nvmnvm是nodejs的版本管理工具,可以快速切换更新nodejs版本windows系统使用nvm-windows。curl下载:curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bashwget下载:wget -qO- https://raw.githubusercontent原创 2021-04-21 09:19:00 · 1241 阅读 · 0 评论 -
underscore 小结
遍历each // 数组拆分 _.each([1, 2, 3], function (num,key) { console.log(num) // 1 2 3 console.log("key:"+key) // 0 1 2 }); // 对象拆分 注意,KEY VALUE 是倒的 let obj = {one: 1, two: 2, three: 3} _.each(obj, (c,key)=>{ console.log原创 2021-04-08 11:31:08 · 171 阅读 · 0 评论 -
angular-cli 总结
NPM 版本要求 $ node -v $ npm -v其中 Node 版本需要 6.9.0+,NPM 需要 3.0.0+。#安装安装如果之前安装了,升级到最新版本: $ npm uninstall -g @angular/cli$ npm cache clean$ npm install -g @angular/cli@latest#创建应用创建应用新建项目前,可以设置新项目下载 NPM 包的 registry 来提高下载速度,这里设置成 cnpm。ng原创 2020-12-09 16:32:50 · 494 阅读 · 0 评论 -
对JSON对象按指定字段进行分组
对JSON对象按指定字段进行分组 groupBy(list, keyGetter) { const map = new Map(); list.forEach((item) => { const key = keyGetter(item); const collection = map.get(key); if (!collection) { map.set(key, [item]); } else {原创 2020-12-04 09:35:34 · 1442 阅读 · 0 评论 -
angular时间格式化
html中使用angular在格式化时间时不需要自己写方法,内置的管道可以直接使用在组件中直接使用{{date | date:'yyyy-MM-dd HH:mm:ss'}}在class中使用引入 DatePipe import { DatePipe } from '@angular/common';注入 constructor中,constructor(private datePipe: DatePipe) {}调用transform方法import { DatePi原创 2020-06-28 13:59:09 · 2042 阅读 · 0 评论 -
ng-alain中的st表格
后端控制分页的st表格使用数据列初始化ts columns: STColumn[] = [ { title: '', index: 'id', type: 'checkbox' }, { title: '姓名', index: 'name', width: '80px' }, { title: '电话', index: 'phone', width: '180px'...原创 2020-03-31 16:08:56 · 3189 阅读 · 1 评论 -
TAG标签之数组操作
转换带逗号的对象成数组 authType =1,2 this.authType = this.authType.split(",") // [1,2]转换string成数组、 authType =1,2 c= Object.values(this.authType); [1]tostring c=1 this.authType...原创 2020-03-24 11:21:43 · 532 阅读 · 0 评论 -
ng-alain 添加tinymce及tinymce图片上传功能模块
tinymce的使用tinymce中文文档默认ng-alain 已经内置了tinymc查看共享模块是否加载了tinymceimport {NgxTinymceModule} from 'ngx-tinymce';const THIRDMODULES = [ NgxTinymceModule];在appmodule中注册import { NgxTinymceModule } ...原创 2020-03-20 11:04:36 · 1205 阅读 · 5 评论 -
angular4.0路由传递参数、获取参数最nice的写法
一般我们页面跳转传递参数都是这样的格式:http://angular.io/api?uid=1&username=moon但是在SPA单页应用中却是下面的结果居多:http://angular.io/api/1/moon那么怎么实现我说的结果呢?重点开始了。实现从product页面跳转到product-detail页面。step1:在app-routing.module.ts...原创 2020-02-22 18:19:06 · 185 阅读 · 0 评论 -
github提交代码时报husky错误
如果做H5项目,一般都有一些好用的模板,提交代码到github的时候,可能会报这个错误husky > pre-commit hook failed (add --no-verify to bypass)> git config --get-all user.name> git config --get-all user.email由于现在git可视化工具比较多,这个错误...原创 2020-02-20 17:12:28 · 3529 阅读 · 0 评论 -
angular 模块使用index.ts
说明在每个模块导出后,另外 模块还要导入才能使用此模块,为了方便导出,我们使用类似 http index.html 的方法来导出模块,也就是说在一个目录下边 如果有一个index.ts 在不需要写清晰的模块名,只需要写到根目录处,系统就会自动 找Index.ts的内容进行读取针对无下级目录的模块export * from xxxxx.XXXXcomponent;针对有下级的目录模块ex...原创 2019-12-28 16:52:48 · 1573 阅读 · 0 评论 -
ng-conecnt总结
原始状态在根目录app.coment.html 中插入组件test1.html<tes1> </tes1>这个是简单的插入,并没有使用到ng-conecnt简单插入app.comment.html<test-ng-content2> 我是外部嵌入的内容2 </test-ng-content2>test-ng-content...原创 2019-12-28 15:41:25 · 179 阅读 · 0 评论 -
angular 生命周期
以下排序是按见面加载时的顺利加载,如果直接写ngDocheck 就要执行4次他的子方法~constructor 构造函数constructor() { console.log('构造函数'); }ngOnChanges 输入时变化ngOnChanges(changes: SimpleChanges): void { console.log('输入变化', change...原创 2019-12-28 13:00:37 · 136 阅读 · 0 评论 -
angular 引入jquery的2种方法总结
安装JQUERYnpm i --save juqery //直接会安装到node_models/jquery 并会自动在package.json里做依赖和声明npm i --save --dev @type/juqery //和上边差不多,反正哪个都 行吧 就是路径到了node_model/@type/juqery使用方法一在各个组件中单独引用后使用import * as $ from...原创 2019-12-28 12:47:52 · 843 阅读 · 0 评论 -
angular 路由
路由插坐在父级路由使用<router-outlet></router-outlet>路由传参 path: ':tabLink', component: HomeDetailComponent,navigatenavigate获取 this.router.navigate(['home', topMenu.link]);...原创 2019-12-26 13:53:39 · 162 阅读 · 0 评论 -
angular路由
路由是什么 路由(导航)本质上是切换视图的一种机制2.路由的导航的URL是否真实存在 angular的路由借鉴大家熟知的浏览器URL变化导致页面切换的机制 angular是单页程序,路由显示的路径不过是一种保存路由状态的机制,这个路径在Web服务器上不存在3.定义路由数组 路径 组件 子路由5.导入RouterModule...原创 2019-12-26 10:12:48 · 145 阅读 · 0 评论 -
angular示例源码集合
这个是用于父组件向子组件投射内容最简单的demo//父亲模板<app-demo> 这里放内容</app-demo>//子模板<ng-content></ng-content>原文链接https://blog.csdn.net/weixin_30268921/article/details/95003590GIT示例...原创 2019-12-24 16:51:01 · 710 阅读 · 0 评论 -
做显示与隐藏非常简单
<div> <ul> <li *ngIf="zyzhan">1</li> <li>2</li> <li>3</li> <li>4</li> <li*ngIf="zyzhan">6</li*ngIf="zyzhan"...原创 2019-12-24 15:16:02 · 276 阅读 · 0 评论 -
angular中使用viewchild访问DOM、子组件和指令
原文地址https://blog.csdn.net/zgrbsbf/article/details/81329398<input type="text" #inputText> //inputText 是要检测的名字在TS中访问DOM元素 @ViewChild('inputText') inputElement: ElementRef;在视图刷新后成功可以打出来ng...转载 2019-12-24 15:12:51 · 122 阅读 · 0 评论 -
angular 父组件和子组件
angular4中父组件如何调用子组件的方法原文链接https://blog.csdn.net/u012396955/article/details/78852140子组件tsexport class ChildComponent implements OnInit { constructor() { } ngOnInit() { } greeting(name:s...原创 2019-12-24 10:15:50 · 675 阅读 · 0 评论 -
angular双向绑定
Angular 中的双向绑定其实就是属性绑定+事件绑定<input [value]="username" (input)="username = $event.target.value" />[ ] 是属性绑定**( )**是事件绑定FormsModule 中提供的指令 ngModel 可以简化双向绑定的流程<input [(ngModel)]=“user...原创 2019-12-24 09:56:37 · 307 阅读 · 0 评论 -
angular 学习之组件component
组件新建ng g c name如是想在哪个目录里建 就直接CD进入那目录里执行就可以了系统自动生成文件 name.componet.less,name.compoent.html,name.component.spec.ts,name.component.ts并且自动更新app.componet.ts里的导入及ngmodel里的declarations 内部声明模块组件导出组件根目录...原创 2019-12-23 16:10:35 · 349 阅读 · 0 评论 -
angular 常用模块
BrowserModule当你想要在浏览器中运行应用时import { BrowserModule } from '@angular/platform-browser';CommonModule当你想要使用 NgIf 和 NgFor 内置指令时必须引入import { Component} from '@angular/core';NgClass 从 HTML 元素上添加和...原创 2019-12-20 16:05:38 · 752 阅读 · 0 评论 -
ngmodule模块基本说明
@NgModule 元数据NgModule 是一个带有 @NgModule() 装饰器的类。declarations(可声明对象表) —— 那些属于本 NgModule 的组件、指令、管道。exports(导出表) —— 那些能在其它模块的组件模板中使用的可声明对象的子集。imports(导入表) —— 那些导出了本模块中的组件模板所需的类的其它模块。providers ...原创 2019-12-20 15:29:30 · 663 阅读 · 0 评论 -
angular-cli建立项目
angular-cli的核心是webpack,以及npm做为依赖包。但往往在安装过程中会遇到很多奇怪问题,我把这一切都追根于网络问题。建立新项目ng new my-app``ng new my-app --skip-install建立没有node_module的目录项目目录分析这是page.json的内容更改app.component.ts根路径使用ng new的另一个参数 ...原创 2019-12-20 15:13:43 · 135 阅读 · 0 评论 -
Angular环境搭建
下载NODE.js官网:node.js下载完成后,和大部分的软件安装过程是一样的也可以下载zip包,安装ZIP包只要解压后在WINDOWS环境变量里配置下NODE的启动路径,就可以正常了node -v 检查是否安装成功npm使用指令目前好像并不需要安装cnpm 速度也还行npm -v 版本npm g i //全局安装npm i //本项目内容安装npm run 启动...原创 2019-12-20 11:33:07 · 57 阅读 · 0 评论