单击传单标记时，Angular 7路由不起作用

可能是由于以下几个原因导致的：

路由配置错误：请确保在Angular应用中正确配置了路由。在Angular 7中，路由配置通常位于app-routing.module.ts文件中。检查路由配置是否正确，包括路由路径、组件名称和其他路由参数。
路由导航错误：如果路由链接无法正常导航到目标组件，可能是由于导航错误造成的。请检查路由链接是否正确，并确保目标组件存在。
路由守卫限制了导航：路由守卫可以用来控制路由的访问权限。如果应用中使用了路由守卫，并且在传单标记时触发了某个路由守卫的限制条件，那么路由可能无法正常工作。请检查是否有路由守卫限制了传单标记的导航。
传单标记的事件处理错误：检查传单标记的点击事件处理函数是否正确，确保没有阻止或取消事件的默认行为。如果事件处理函数中有异步操作，例如HTTP请求，请确保在操作完成后进行路由导航。
其他因素导致的问题：如果以上原因都不是导致路由不起作用的原因，那么可能是其他因素导致的问题。可以使用浏览器开发者工具检查控制台输出、网络请求以及其他错误信息，以帮助定位问题所在。

需要特别注意的是，对于Angular 7的路由问题，腾讯云提供了一系列与Angular相关的云产品，如云服务器、云数据库、云函数等。这些产品可以帮助您构建和部署Angular应用，并提供高性能、可扩展的基础设施和服务支持。您可以访问腾讯云官网（https://cloud.tencent.com/）了解更多相关产品和服务的详细信息。

单击传单标记时，Angular 7路由不起作用

、

我正在使用angular 7和leaflet js来表示地图。当单击标记时，我想导航到另一个页面。但是路由不能正常工作。例如： L.marker.on('click', function(){}); 当点击标记时，url变成了'/

浏览 17提问于2019-03-19得票数 0

回答已采纳

2回答

Angular2导航到锚点错误

我使用HashLocationStrategy，我的网络中的路由是ok的，并且我有以下代码：<h3 id="jumpToHere">Hello</h3>这是

浏览 1提问于2015-12-13得票数 1

1回答

我用ngx-leaflet和ngx-leaflet-draw来显示传单地图。我可以从工具栏标记图标在地图上显示一个标记。单击标记时，我希望显示“材料对话框”组件。当我单击标记时，我可以在控制台上显示标记坐标。import { NgZone } from '@angular/core'; import { MatDialog, MatDialogRef } from '@angular/material/dial

浏览 3提问于2020-05-12得票数 0

回答已采纳

2回答

角传单定制标记(使用角指令)

、、、

我试着用一个角度指令来创建一个“传单标记”。出于设计目的，我们将表示和模型分开，这样不同的人就可以处理应用程序的不同部分。我的问题更可能是一个“范围”问题，而不是“传单”问题。当我在控制器中添加"$scope“上的标记时，我试图传递一个要在角指令中使用的对象。这个指令，在我的应用程序中，是我的"message“属性中要在地图中显示的每个标记对象上的唯一标记。所以，我的代码在这里：

浏览 4提问于2014-12-16得票数 4

回答已采纳

1回答

控制器事件侦听器中的AngularJs更新视图

、、、、

我将它们作为列表呈现在左侧的侧边栏上，在map (传单)处将它们呈现为同一页上的标记。我呈现标记/地图通过服务和侧栏列表通过控制器和简单的视图。当用户单击列表中的项目或地图上的标记时，我将从$rootScope广播事件。$broadcast('markerClicked', object);用户单击标记->将触发此代码： angular.forEach(markers, function(object) {这里的问题是，每当我单击侧栏项或地图标

浏览 3提问于2016-05-09得票数 0

回答已采纳

1回答

驾驶时间及离传单路由机的距离

、

我正在为客户关系管理构建嵌入式内容，使用JQuery数据、带有OSM块的传单和传单路由机。映射上的标记和表中的行基于相同的JSON数据，我正在两个库之间构建交互(使用共享的JavaScript函数)。例如，当单击Datatable行时，将突出显示该行，在对应的地图标记上打开一个弹出窗口，并使用LRM计算路由，该LRM将路由线放置在地图上。相反，当单击映射标记时，所有相同的事件都会发生，因为我调用的函数是相同的。默认情况下，LRM创建的行程被隐藏在地图

浏览 2提问于2015-10-22得票数 0

1回答

在ionic2项目上安装路由传单

、、

我已经安装了一个非常基本的ionic2项目，它支持传单()。然后我处决了为了安装传单布线机。在map.ts上，我得到了以下代码：import { NavController, NavParams } from'ionic-angular'; import "leaflet&quo

浏览 0提问于2017-10-26得票数 0

1回答

如何防止小叶边栏在地图出现时在x轴上移动？

、、

我发现了传单地图，我决定使用当单击标记时出现的侧边栏，从这里：https://github.com/Turbo87/leaflet-sidebar。正如你在链接中的视频中看到的，当你点击标记时，侧边栏会出现，但也会在x轴上拖动地图，而我没有设法找到我可以阻止这一点的地方。我想让它在不移动地图的情况下出现。coord = e.latlng; var lng = coord.lng; map.panTo([lat,l

浏览 17提问于2019-09-23得票数 0

1回答

使Ember路由器从单击事件过渡到路由

、

我得到了一个传单地图，在应用程序模板中呈现为带有控制器的视图，比如{{view "map" locations }}。位置是一组位置模型。在地图视图中，设置传单地图，并从位置创建标记。我想成为每个标记是可点击的，所以应用程序转换到路线，其中的“点击”位置是详细描述。为此，当我手头有位置模型时，我必须在创建之后立即绑定一个单击事件处理程序，如 // Do transition to 'locati

浏览 4提问于2014-12-17得票数 0

回答已采纳

1回答

当单击锚标记时，路由不起作用。

因此，基本上，当我单击customer name时，我想路由到orders组件并显示该组件，但是当我悬停在customer名称上时，我可以看到在浏览器底部创建的路由(例如: orders /3)，但是当我单击它时将order组件与order/:id路由链接的order-routing.module.ts文件中的代码。import { NgModule } from '@angular/core'; import { RouterModul

浏览 5提问于2022-08-10得票数 1

回答已采纳

2回答

RouterLink在div上，具有@角/路由器3.0.0-字母3

、

现在(@转角/路由器3.0.0-字母表3)它无法工作。<a class="my-item" [routerLink]="['/hero']">...

浏览 1提问于2016-06-26得票数 2

回答已采纳

10回答

Angular2路由器(@转角/路由器)，如何设置默认路由？

如何在@ route路由元数据集合中设置默认路由？如果您使用@ router / route中的angular2路由器，您可以在@routeConfig对象中定义路由，它是路由对象的集合，但是这些路由对象上有更多的属性。这是我的主要应用程序组件，它定义了我的路由：import { DashboardCompo

浏览 8提问于2016-06-03得票数 95

回答已采纳

1回答