Angular 模式下通过/显示参数,角度2
我的Angular5应用程序中有一个component.hmtl,它有一个名为markerClick的函数,可以打开一个模态。 在模式中,我想显示在markerClick函数中发送的item.lat参数,但无法显示,需要您的帮助 首先是component.ts代码,然后是下面的component.html代码Angular 模式下通过/显示参数,角度2,angular,typescript,bootstrap-modal,ng-template,Angular,Typescript,Bootstrap Modal,Ng Template,我的Angular5应用程序中有一个component.hmtl,它有一个名为markerClick的函数,可以打开一个模态。 在模式中,我想显示在markerClick函数中发送的item.lat参数,但无法显示,需要您的帮助 首先是component.ts代码,然后是下面的component.html代码 open(内容,latTmp){ this.modalService.open(content,latTmp).result.then((result)=>{ this.closeRes
open(内容,latTmp){
this.modalService.open(content,latTmp).result.then((result)=>{
this.closeResult=`Closed with:${result}`;
},(原因)=>{
this.closeResult=`disposed${this.getDismissReason(reason)}`;
});
console.log(latTmp);
}
欢迎来到{{title}}!
站点信息
&时代;
测试硬件1,sätt behörighet&hellip
测试硬件2&hellip
**这里我想显示从MARKERCLICK函数发送的ITEM.LAT参数**
接近
如果您使用的是MatDialog==>
使用这种方式将数据传递到模态
**abcComponent.ts==>
const dialogRef = this.dialog.open(MyModalComponent, {
data: { Content:this.content, LatTmp:this.latTmp }
});
constructor(
public dialogRef: MatDialogRef<MyModalComponent>,
@Inject(MAT_DIALOG_DATA) public data: any ) { }
ngOnInit(){
var receiveContent = this.data.Content;
var receiveLatTmp = this.data.latTmp;
console.log(receiveContent,receiveLatTmp)
}
现在在**MyModalComponent.ts==>
const dialogRef = this.dialog.open(MyModalComponent, {
data: { Content:this.content, LatTmp:this.latTmp }
});
constructor(
public dialogRef: MatDialogRef<MyModalComponent>,
@Inject(MAT_DIALOG_DATA) public data: any ) { }
ngOnInit(){
var receiveContent = this.data.Content;
var receiveLatTmp = this.data.latTmp;
console.log(receiveContent,receiveLatTmp)
}
构造函数(
公共dialogRef:MatDialogRef,
@注入(MAT_DIALOG_DATA)公共数据:any{}
恩戈尼尼特(){
var receiveContent=this.data.Content;
var receiveLatTmp=this.data.latTmp;
日志(receiveContent,receiveLatTmp)
}
模态内容是否是另一个组件?如果是,您可以按照这里描述的操作,并在实例上设置一个变量:否则,您刚刚尝试了{{item.Lat}}
?我尝试了{{item.Lat}},但这不起作用。都是同一个组件。ts和html