1.git的使用
在之前公司一直在用github desktop进行代码管理,所以对于命令行进行代码管理不是很熟悉,下面是进行上传代码的一般步骤。
1.1 代码的上传
我们在做一个项目时,想要上传代码,首先要做的是进行编译,这样能够保证项目是否有错误没有更改
ng build --prod --aot
然后需要拉一下代码,查看是否是最新版本
git pull origin deb(分支名)
查看本次的更改
git status
把想要上传的文件放入缓存区
git add .(注意有一个. 如果全部修改都提交就为.)
添加注释
git commit -m '***********************'
上传代码
git push origin (分支)
1.2 代码合并,解决冲突
status -> add .->commit -m ‘***’->pull->修改本地文件->status->add->commit - m ‘’(一般取名为冲突)->push
1.3 如果遇到合并提示Please enter a commit message to explain why this merge is necessary,
这说明本次更新与上个版本的代码没有冲突,我们需要先输入esc退出输入状态 ,然后按住shift+; 进入编辑状态,最后输入q! 退出
2.如果字段名或者变量名过长,可以取首拼,例如line of business ,可以定义为lob
3.所有put(上传表单,更新数据操作)的操作 都要在接口那里再把新添加的值传上去,如果穿的数据显示成功(200),而刷新后没有成功,就要与后台联系,把接口名和穿的参数截图给后台,并告诉后端
4.Get 请求
接口都是定义一个HttpParams类型的参数params,然后在里面set需要传参的参数。
5.调用接口
this.engineerSkillService.queryDetail(this.id).subscribe((res) => {
if (res && res.code == '200') {
Coding。。。
},error => { this.loaderService.hide(); },
() => {
this.loaderService.hide();
}
);
}
6.遍历一个数组,可以用for (const (局部变量名) of 数组名 ),行如
7.Get请求
一般是查询数据,那么这类的接口名称我们可以取名为queryXXX
与put请求同样的,传参都是一个HttpParams变量,若可空,我们可以设置为(xx || ‘’)
8.整体测试的时候,需要按照接口文档把所有接口测一遍。
9.规定一个参数可有可无,可写成(XX?: 类型名)
10.制作一个dialog弹出框
const dialogRef = this.dialog.open(ConfirmDialogComponent, { width: ‘250px’, data: { name: ‘确认删除?’ } });
dialogRef.afterClosed().subscribe(result => {
}//可用于在关闭弹框后向上一层网页传一个flag
import { MatDialogRef, MAT_DIALOG_DATA, } from ‘@angular/material’
//原网页向弹出框传数据
export class DialogData {
data: any = []
}
constructor(
public dialogRef: MatDialogRef, @Inject(MAT_DIALOG_DATA) public data: DialogData //传数据){
Console.log(data);
}
11.button的禁用属性如果直接禁用,只需要在代码里加上disable属性即可,如图所示
如果需要一些简单的动态切换,比如说判断一个字段是否满足我们需要的状态,我们可以用angular的内置指令,在上面写一些简单的判断。
如果为真,禁用启用。
但有时的一些情况较复杂的逻辑[disabled]无法满足我们的需求的时候我们该怎么办呢?
第一,angular的机制无法使用获取dom与id来更改disable的属性
第二,在angular中Disable属性不存在两个属性控制它状态的改变
我们可以采用一个第三者的思想。
既然内置指令可以满足一些简单的判断,那么我们把第三者写到内置指令里,让他尽可能简单,就是对或错
然后我们在ts文件里对这个第三者进行复杂的逻辑判断以达到我们想要的效果。