Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 模式下通过/显示参数,角度2_Angular_Typescript_Bootstrap Modal_Ng Template - Fatal编程技术网

Angular 模式下通过/显示参数,角度2

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

我的Angular5应用程序中有一个component.hmtl,它有一个名为markerClick的函数,可以打开一个模态。 在模式中,我想显示在markerClick函数中发送的item.lat参数,但无法显示,需要您的帮助

首先是component.ts代码,然后是下面的component.html代码

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