弹出窗口上的角度2传单动态绑定

Posted

技术标签:

【中文标题】弹出窗口上的角度2传单动态绑定【英文标题】:angular 2 Leaflet dynamic binding on popup 【发布时间】:2017-12-22 01:19:36 【问题描述】:

我是 angular2 的新手。我有一些制造商的地图,我可以将静态 html 代码绑定到弹出内容中

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

我会在我的 HTMLCONTENT 中插入一个动态内容,以便使用 *ngFor(click) 或其他角度工具,因此我构建了一个新的角度组件,如下行所示

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>

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

可能是配置不正确或有其他方法可以做到这一点?

【问题讨论】:

见***.com/questions/45091330/… 【参考方案1】:

下面的代码中似乎是“HTMLCONTENT”的错字

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

【讨论】:

以上是关于弹出窗口上的角度2传单动态绑定的主要内容,如果未能解决你的问题,请参考以下文章

在传单弹出窗口中防止科学记数法 - R

悬停在集群组上的弹出窗口

在传单弹出窗口中显示列表

使用 iPhone 和 iPad 的 Safari 中的传单地图问题

在Angular5 app中的leaflet弹出窗口中调用zone.run

我可以在 Bootstrap 弹出窗口中使用动态内容吗?