有角度的传单标记点击
Angular leaflet marker click
本文关键字:单标记 更新时间:2023-09-26
我使用有角度的传单,并希望在弹出消息中点击一个按钮。我知道我必须编译HTML,但我无法让它在我的情况下工作,因为我没有找到一个带有json请求的示例。
欢迎任何提示!
$http.get(searchterm).then(function(articlesResponse) {
$scope.geonamesorte = articlesResponse.data;
var meineMarker = {};
for ( var i = 0; i < $scope.geonamesorte.length; i++) {
var ortObjektausListe = $scope.geonamesorte[i];
var myobjectname = ortObjektausListe.name.replace(/[^a-zA-Z0-9]/g,'_');
ortlat = parseFloat(ortObjektausListe.lat);
ortlng = parseFloat(ortObjektausListe.lng);
meineMarker[myobjectname+i] = {
lat: ortlat,
lng: ortlng,
message: "<span><a href='' ng-click='dosomething()''>info</a></span>",
focus: false,
draggable: false
};
}
// Marker on map
angular.extend($scope, {
markers: meineMarker,
defaults:{
tileLayer:"http://tile.stamen.com/toner-lite/{z}/{x}/{y}.png"
}
});
});
好的,在这里找到了解决方案:在标记弹出窗口中使用角度指令的角度传单指令自定义消息html。如何?
但修改了一点:
var myobjectname = 'meinort';
var meineMarker = {};
meineMarker[myobjectname] = {
lat: 0,
lng: 0,
name: 'testname',
message: "<span><a href='' ng-click='dosomething()'>info</a></span>",
focus: false,
draggable: false
};
$scope.$on('leafletDirectiveMarker.click', function(e, args) {
// Args will contain the marker name and other relevant information
console.log(args);
var markerName = args.leafletEvent.target.options.name; //has to be set above
var $container = $(args.leafletEvent.target._popup._container).find('.leaflet-popup- content');
$container.empty();
var html = "<p> I am "+markerName +" " + args.leafletEvent.target._popup._content + "</p>",
linkFunction = $compile(angular.element(html)),
linkedDOM = linkFunction($scope);
$container.append(linkedDOM);
});
在控制器中包含$compile服务,然后写入:
meineMarker[myobjectname+i] = {
lat: ortlat,
lng: ortlng,
message: $compile("<span><a href='' ng-click='dosomething()''>info</a></span>")($scope),
focus: false,
draggable: false
};
dosomething()必须在当前作用域上定义
相关文章:
- onClick 事件在表单标记中不起作用
- 如何在一个表单标记中验证多个字段集
- 如何在Rails表单标记中获取onclick属性
- 编辑gravityforms表单标记
- 在javascript中通过id获取元素,而页面上没有任何表单标记
- 验证不带表单标记的Html 5输入
- jQuery 中的表单标记值
- Ajax 不使用表单标记
- 如何在表单标记中调用非表单元素
- 在表单标记(HTML,JavaScript)中插入
- 表单标记内没有 jquery 事件正常工作
- 在输入表单标记中使用 onclick 属性时出现 JavaScript 未捕获的引用错误
- 如何将参数传递给在表单标记外部定义的 javascript 函数
- 获取选项 从其他选项中选择名称 选择不带表单标记的名称
- 如何将表单“传播”到引导面板的两个区域?(浏览器“修复”未关闭的表单标记)
- 如何验证没有表单标记的字段
- 页面上的任何按钮都会发送表单,即使是表单标记之外的按钮
- 如何删除单标记谷歌地图api v3
- 如何使用javascript动态创建表单标记
- 在表单标记外自动填充和提交输入字段