dave的技术成长之路

写前端时，总会遇到跨域问题，解决方案单一，且效果不佳，配置服务器作为开发并不是熟悉，所以面对跨域。甩给后端，简单高效，算得上“一步到位”。

是一个特殊的运算符，被称为展开运算符（Spread Operator）。它可以用于在函数调用、数组初始化和对象的属性中展开可迭代的元素。需要注意的是，展开运算符只能用于可迭代的元素，例如数组、字符串、对象等。对于不可迭代的元素，例如数字、布尔值等，展开运算符会引发编译错误。在函数调用中，展开运算符可以将一个数组或可迭代的对象展开为函数的参数列表。在数组初始化中，展开运算符可以将一个数组的元素展开到一个新数组的初始化中。在对象的属性中，展开运算符可以将一个数组或可迭代的对象展开为对象的属性值。

mat-select 正常情况下，多选后，已选项是按列表顺序进行排序，如果我想实现按照点击项目的顺序进行排序，我该如何做呢？组件的一个属性，用于自定义多选下拉列表中选项的排序方式。当用户选择多个选项后，这些选项可能以不同的顺序显示在下拉列表中。，我们可以提供一个自定义的比较函数，以决定选项在下拉列表中的显示顺序。0和正数：表示选择的选项将会按照点击的顺序-顺序排列。负数：表示选择的选项将会按照点击的顺序-倒序排列。是Angular Material中。

"name" : "angular-electron" , "version" : "1.0.0" , // <--设置版本号，大于0.0.0 否则打包应用程序会失败 "main" : "main.js" , // <-- 在这里更新主进程入口文件名称为 main.js "scripts" : {

【代码】angular material 表格分页 mat-paginator,设置分页大小标签内容。

路由状态（Router State）是一种更为灵活的方式，因为它可以传递更复杂的数据结构，并且不会直接显示在 URL 中。在性能方面，路由参数（Route Parameters）通常是最高效的方式，因为它们是直接包含在 URL 中的。查询参数（Query Parameters）的性能略低于路由参数，因为它们是作为 URL 的一部分传递的，但它们需要进行额外的解析和处理。这些是一些常见的在 Angular 中传递路由参数的方式，你可以根据具体的需求选择合适的方式来传递和接收参数值。

2、创建一个用户模块，并配置路由如图：如图：依次修改下列几个文件：#2 app-routing.module.ts#4 app.component.html#5 app.component.css结果如图：点击用户模块，将挂载用户模块，如下图：如图：user-routing.module.ts#3 验证：##2 user-routing.module.ts#3 验证 如图：#需要改动的文件如下：##2 user-routing.module.ts#3 验证

angular10 Material表格获取数据并实现分页

angular 14 实时获取当前时间

angular实现下拉多选框，angular实现下拉多选框并默认选中几个值

一、环境搭建1、安装nodejsnode - v ：查看版本npm -v ：查看npm 的版本2、安装cnpm疑问：npm和cnpm 都是什么？npm(node package manager):nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）cnpm：是一个完整的npmjs.org镜像，可以用此版本替代npm，俗称：中国NPM镜像，由淘宝阿里提供！安装命令：npm install -g cnpm --registry=https://registry.npm.

angular实现双向绑定打开pycharm新建一个终端，新建一个angular项目：angularDemoBinding打开该项目后，打开src\app\app.module.ts文件测试双向数据绑定app.component.ts修改如下：清空app.component.html内容,并修改如下：新建终端，并运行：ng serve --open显示结果：...

Angular 显示图片 示例ctrl + c 结束服务1、新建模块ng g component components/home如图：2、将home模块添加到主页app.component.html，页面代码如下，没有看错，只有一行<app-home></app-home>3、src/assets目录下新建目录：images4、复制一张图片到images文件夹5、home.component.ts中定义一个变量import { Component, On

Angular数据循环 *ngFor 与 条件判断 *ngif 和 *ngSwitch首先，进行Angular环境的搭建和项目创建ctrl + c 结束服务1、新建模块ng g component components/home如图：2、将home模块添加到主页app.component.html，页面代码如下，没有看错，只有一行<app-home></app-home>3、Angular数据循环 *ngFor1）home.component.ts中

Angular ngClass 和 ngStyle 的示例首先，进行Angular环境的搭建和项目创建ctrl + c 结束服务1、新建模块ng g component components/home如图：2、将home模块添加到主页app.component.html，页面代码如下，没有看错，只有一行<app-home></app-home>3、编辑home.component.html<h1>ngClass的使用：用于给 HTML 元素动态

angular 管道 和自定义管道示例管道可以将数据格式化显示，而不改变源数据一、angular管道首先，进行Angular环境的搭建和项目创建ctrl + c 结束服务1、新建模块ng g component components/home如图：2、将home模块添加到主页app.component.html，页面代码如下，没有看错，只有一行<app-home></app-home>3、编辑home.component.html<h1>管道

首先，进行Angular环境的搭建和项目创建ctrl + c 结束服务1、新建模块ng g component components/event2、编辑app.component.html内容，引入组件<app-event></app-event>3、编辑event.component.html<h1>事件</h1><button (click)="run()">执行点击事件</button><br>

补充：ngOnchanges：父子组件传值时会触发，其他情况不调用；

angualr 双向数据绑定的应用示例-人员登记表首先，进行Angular环境的搭建和项目创建ctrl + c 结束服务1、新建模块ng g component components/doubleBinds2、app.modules.ts引入双向绑定模块3、编辑app.component.html，引入组件<app-double-binds></app-double-binds>4、编辑double-binds.component.tsimport { Com

angular简单示例—待办事项清单—事件，双向绑定，实现数据缓存一、待办事项实现功能：添加事项显示待办事项和已完成事项及实现相应的功能可以删除事项二、具体实现代码实现步骤如下：1、首先，进行Angular环境的搭建和项目创建ctrl + c 结束服务2、新建模块终端输入：ng g component components/doList3、编辑app.component.html<!-- 引入doList组件 --><app-do-list></

angular中设置DOM节点属性和获取dom值以及通过ViewChild调用子组件的方法什么是dom节点？在网页中所有对象和内容都被称为节点，如文档、元素、文本、属性、注释等。节点（Node）是 DOM 最基本的单元，并派生出不同类型的节点，它们共同构成了文档的树形结构模型。根据 DOM 规范，整个文档是一个文档节点，每个标签是一个元素节点，元素包含的文本是文本节点，元素的属性是一个属性节点，注释属于注释节点，以此类推。一、angular中设置DOM节点属性和获取dom值1、首先，进行Angula

angular中 routerLink 带方括号和不带方括号的区别假设网站链接为：**http://localhost:4200 **一、不带方括号的 routerLink<a routerLink="/news">新闻</a> 这里的链接地址为：http://localhost:4200/news下边是没有加斜杠‘/’<a routerLink="news">新闻</a> 这里的链接地址与上边相同，为：http://localhost:420

angular 将父组件的值和方法传给子组件1、首先，进行Angular环境的搭建和项目创建ctrl + c 结束服务2、新建两个模块：home和header终端输入：ng g component components/homeng g component components/header这里的父组件为home ，子组件为header①:将父组件添加到app.component.html中<app-home></app-home>②:将子组件header

angular 中实现路由复用—简单实例感谢这位大神的文章，得以实现了路由复用网址网上查阅了很多资料，终于运行出了一个实例，并做了精简，主要实现，路由跳转后，原来页面内容不变。一、新建angular项目1、进入cmd窗口,将当前路径设置为需要添加angular项目的路径2、新建一个带有路由的项目，项目名为：routerDemo使用VScode 打开新创建的项目。二、实现简单的路由跳转页面1、新建两个组件page1,page2ng g component components/page1

angular将子组件的值和方法传给父组件1、首先，进行Angular环境的搭建和项目创建ctrl + c 结束服务2、新建两个模块：home和header终端输入：ng g component components/homeng g component components/header这里的父组件为home ，子组件为header①:将父组件添加到app.component.html中<app-home></app-home>②:将子组件header添

一、异步获取数据1、首先，进行Angular环境的搭建和项目创建ctrl + c 结束服务2、创建服务：requestng g service services/request3、创建一个组件 ：homeng g component components/home4、app.module.ts中引入并配置创建的服务和组件import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/pla

angular 路由一、angular 路由项目构建进入cmd窗口,将当前路径设置为需要添加angular项目的路径新建一个带有路由的项目，项目名为：routerDemo使用VScode 打开新创建的项目。二、angular 配置路由，路由重定向，路由选中1、新建两个组件，home;news,终端输入：ng g component components/homeng g component components/news2、终端输入 ng serve --open,运行此项目。3

前情链接Angular 路由项目构建，路由重定向，路由选中三、angular get传值ctrl + c 停止项目运行1、新建一个组件newDetailng g component components/newDetail2、news.component.ts中定义一个数组import { Component, OnInit } from '@angular/core';@Component({ selector: 'app-news', templateUrl: './news.

前情链接angular 路由项目构建，路由重定向，路由选中angular get传值和动态路由传值五、angular路由的js跳转1、修改new.component.html<p>news works!</p><!-- <ul> <li *ngFor="let item of list;let key=index;"> <a [routerLink]="[ '/newDetail']" [queryParams]

七、angular 路由的嵌套，父子路由前情链接angular 路由项目构建，路由重定向，路由选中angular get传值和动态路由传值angular路由 js跳转并结合动态路由传值使用场景： 已经调用父路由的的情况下，实现：父路由中的组件可以和子路由的组件都显示出来！ctrl + c 停止项目1、新建一个组件 newsChildng g component components/newsChild2、app-routing.modules.ts中配置子路由import {