Html 如何从ng容器中获取变量并与另一个变量进行比较

Html 如何从ng容器中获取变量并与另一个变量进行比较,html,angular,typescript,Html,Angular,Typescript,我使用这个表,还有一个可扩展的表,我的目标是只显示扩展表中引用第一个表的行。它应该首先显示相同的ID,而不显示第二行(用红线划线) 这是我的密码: 从'@angular/core'导入{Component,OnInit,ViewChild}; 从'@angular/Router'导入{Router}; 从“角度通知程序”导入{NotifierService}; 从“@angular/material”导入{MatPaginator,MatTableDataSource}; 从“../mode

我使用这个表,还有一个可扩展的表,我的目标是只显示扩展表中引用第一个表的行。它应该首先显示相同的ID,而不显示第二行(用红线划线)

这是我的密码:

从'@angular/core'导入{Component,OnInit,ViewChild};
从'@angular/Router'导入{Router};
从“角度通知程序”导入{NotifierService};
从“@angular/material”导入{MatPaginator,MatTableDataSource};
从“../model/IncomeContract”导入{IncomeContract};
从“../model/Status”导入{Status};
从“../model/SubjectOfContract”导入{SubjectOfContract};
从“../service/income contract.service”导入{IncomeContractService};
从“../service/status.service”导入{StatusService};
从“../service/subjectOfContract.service”导入{SubjectOfContractService};
从'@angular/common/http'导入{HttpParams};
从“../model/IncomeAdditional”导入{IncomeAdditional};
从“../service/income additional.service”导入{IncomeAdditionalService};
从“@angular/animations”导入{动画、状态、样式、转换、触发器};
@组成部分({
选择器:“应用程序收入合同列表”,
templateUrl:“./income contract list.component.html”,
styleUrls:['./收入合同列表.component.css'],
动画:[
触发器('detailExpand'[
状态('collapped',样式({height:'0px',minHeight:'0',display:'none'})),
状态('expanded',样式({height:'*'})),
过渡(“展开折叠”,动画(“225ms立方贝塞尔(0.4,0.0,0.2,1)”,
]),
],
})
导出类IncomeContractListComponent实现OnInit{
显示的列:字符串[]=['id'、'number'、'date'、'client'、'subjectOfContract'、'amountOfContract'、'paymentProcedure',
“服务期限”、“预付款日期”、“执行日期”、“当前金额”、“控制金额”、“延迟”、“罚款”、“状态”、“行动”];
DisplayedColumnSaditional:字符串[]=['numberOfIncome','number','date','client','subjectOfContract','amountOfContract','paymentProcedure',
“服务期限”、“预付款日期”、“执行日期”、“当前金额”、“控制金额”、“延迟”、“罚款”、“状态”、“行动”];
数据源:MatTableDataSource;
数据源附加:MatTableDataSource;
扩展元素:IncomeContract;
@ViewChild(MatPaginator)分页器:MatPaginator;
//@ViewChild(MatSort)排序:MatSort;
incomeList:IncomeContract[]=[];
incomeAdditionalList:IncomeAdditional[]=[];
exportCols=[];
isCollapsed:boolean=true;
isCollapsedAdd:boolean=true;
过滤器={
编号:'',
dateStart:null,
dateEnd:null,
客户端:“”,
状态:空,
subjectOfContract:空
};
保存\u id={
合约编号:空
};
附加过滤器={
编号:'',
dateStart:null,
dateEnd:null,
客户端:“”,
状态:空,
subjectOfContract:空
};
状态列表:状态[]=[];
主题列表:主题合同[]=[];
建造师(
专用路由器:路由器,
私人incomeService:IncomeContractService,
私人incomeAdditionalService:incomeAdditionalService,
私有notifierService:notifierService,
私有状态服务:状态服务,
私有subjectService:SubjectOfContractService){
this.dataSource=新MatTableDataSource([]);
this.dataSourceAdditional=新MatTableDataSource([]);
}
toggleCollapse(){
this.isCollapsed=!this.isCollapsed;
}
切换collapseadd(){
this.iscollapseddd=!this.iscollapseddd;
}
恩戈尼尼特(){
this.updateStatusList();
this.updateSubjectOfContractList();
//这是restoreCols();
这是loadData();
此参数为.loadAdditionalData();
}
编辑收入(收入合同:收入合同){
如果(incomeContract!=空)
this.router.navigate(['income/'+incomeContract.id]);
其他的
this.router.navigate(['income']);
}
编辑附加(incomeAdditional:incomeAdditional){
如果(不可添加!=null)
this.router.navigate(['income-additional/'+incomeAdditional.id]);
其他的
this.router.navigate(['income-additional']);
}
添加附加(){
this.router.navigate(['income-additional']);
}
addIncome(){
this.router.navigate(['income']);
}
删除收入(收入合同:收入合同){
如果(确认(‘зззззззззззз?’){
this.incomeService.remove(incomeContract.id).subscribe(()=>{
这是loadData();
此参数为.loadAdditionalData();
此.notifierService.notify('success'、'crmkаааааааааааааа;
});
}
}
removeAdditional(incomeAdditional:incomeAdditional){
如果(确认(‘зззззззззззз?’){
this.incomeAdditionalService.remove(incomeAdditional.id).subscribe(()=>{
这是loadData();
此参数为.loadAdditionalData();
此.notifierService.notify('success'、'crmkаааааааааааааа;
});
}
}
loadData(){
设params=new-HttpParams()
.append('number',this.filter.number)
.append('client',this.filter.client)
.append('statusId',this.filter.status==null?0:this.filter.status.id)
.append('subjectOfContract',this.filter.subjectOfContract==null?0:this.filter.subjectOfContract.id)
if(this.filter.dateStart!=null)
params=params.append('dateStart',this.filter.dateStart.getTime());
if(this.filterForAdditional.dateEnd!=null)
params=params.append('dateEnd',this.filterForAdditional.dateEnd.getTime());
this.incomeService.getAll({params:params}).subscribe(数据=>{
this.incomeList=数据;
this.dataSource=新MatTableDataSource(数据);
this.dataSource.paginator=this.paginator;
//this.sort.active='id';
//this.sort.direction='desc';
//this.dataSource.sort=this.sort;
});
}