angular 2弹出式页面上的小册子动态绑定

我是angular2上的新手。我曾与一些制造商的地图，我能够绑定到弹出内容，以便使用*ngFor，(click)或其它角度设施的静态的html代码angular 2弹出式页面上的小册子动态绑定

L.marker([long, lat], { 
        icon: L.icon({ iconUrl: 'assets/marker-icon.png', shadowUrl: 'assets/marker-shadow.png' }) 
       }).bindPopup(HTMLCONTENT).addTo(this.map);

我想插入我的HTMLCONTENT动态内容，所以，我已经在以下行建立像一个新的角分量

markerlink.componentes.ts

import {Component, Input} from '@angular/core'; 
import 'rxjs/add/operator/map'; 

@Component({ 
    selector: 'app-marker-link', 
    templateUrl: './markerlink.template.html' 
}) 
export class MarkerLinkComponent { 

    @Input() 
    points: any[] = []; 

}

markerlink.template.html

<div *ngFor="let single of points"> 
    <a href="{{single.url}}">{{single.name}}</a> 
</div>

在编译时，所有工作正常，当我去索引时会生成一个包含所有标记的地图，但是当我点击其中一个标记时，我会看到一个空的弹出窗口。

也许这是不正确的配置，或者有另一种方法来做到这一点？

来源

2017-07-17 Claudio Pomo

见https://stackoverflow.com/questions/45091330/how-to-spawn-angular-4-component-inside- a-leaflet-markers-popup – ghybs

似乎是 “HTMLCONTENT” 的一个错字在你的代码下面

L.marker([long, lat], { 
       icon: L.icon({ iconUrl: 'assets/marker-icon.png', shadowUrl: 'assets/marker-shadow.png' }) 
      }).bindPopup(HTMLCONTETN).addTo(this.map);

来源

2017-07-17 13:21:01

是的，对不起，我已修复它 –

angular 2弹出式页面上的小册子动态绑定

回答

相关问题