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彈出式頁面上的小冊子動態綁定

回答

相關問題