开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular 4路由在路由器插座内不工作，当单击它时在新窗口中打开新链接，而不是在路由器插座内

Angular 4是一个流行的前端开发框架，它提供了强大的路由功能来管理应用程序的导航。在Angular中，路由器插座是一个用于显示不同组件的容器，当用户点击路由链接时，路由器会根据配置的路由规则加载相应的组件并在插座内显示。

如果在点击路由链接时，Angular 4路由在路由器插座内不工作，而是在新窗口中打开新链接，可能是由于以下原因：

错误的路由配置：请确保在路由配置中正确定义了路由规则，并且将组件与相应的路径关联起来。可以使用RouterModule.forRoot()方法来配置路由。
错误的路由链接：请检查路由链接是否正确。在Angular中，可以使用routerLink指令来创建路由链接。确保路由链接指向正确的路径。
未正确定义路由插座：请确保在应用的主模板中正确定义了路由插座。可以使用<router-outlet></router-outlet>标签来定义路由插座，并确保它位于正确的位置。

如果以上步骤都正确无误，但问题仍然存在，可以考虑以下解决方案：

检查浏览器设置：有些浏览器可能会阻止在新窗口中打开链接。请确保浏览器的设置允许在新窗口中打开链接。
检查路由器配置：请检查Angular路由器的配置是否正确。可以查看官方文档了解更多关于路由器的配置和使用方法。
检查路由导航代码：如果在点击路由链接时执行了自定义的导航代码，可能会导致路由器插座不工作。请检查导航代码并确保它正确地导航到指定的路径。

总结起来，当Angular 4路由在路由器插座内不工作，而是在新窗口中打开新链接时，需要检查路由配置、路由链接、路由插座定义、浏览器设置以及自定义导航代码等方面的问题。如果问题仍然存在，建议查阅官方文档或寻求相关技术支持以获取更详细的解决方案。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能平台（AI）：https://cloud.tencent.com/product/ai
物联网开发平台（IoT）：https://cloud.tencent.com/product/iot
移动开发平台（MPS）：https://cloud.tencent.com/product/mps
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

相关搜索:Angular4 Material MdTable在路由器插座中无法正常工作 Angular路由器链接在模式中打开，而不是在新页面中打开背书政策失败错误在hyperledger fabric v2.2中花费了很长时间如何在ax.scatter中显示和图例两种颜色？VBA SQL ACCDB执行中出现语法错误，应为'DELETE‘、'INSERT’、'SELECT‘、'PROCEDURE’或'UPDATE‘如何在不影响其他页面样式的情况下加载带有样式的HTML文件？制作平均查准率-召回率曲线，曲线图显示不正确 VSCode中的Python无法识别相对文件路径在asp.net c#中使用JavaScript过滤时保存网格视图的状态 Flutter中的Twitter集成

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

AngularDart 4.0 高级-路由概述顶

您可以将路由器绑定到页面上的链接，并在用户单击链接时导航到适当的应用程序视图。当用户点击按钮，从下拉框中选择，或者响应来自任何来源的其他刺激时，您都可以进行命令式导航。...并且路由器在浏览器的历史记录中记录活动，所以后退和前进按钮也起作用。设置概述添加angular_router 路由器功能位于angular_router库中，该库自带软件包。...路由器插座当此应用的浏览器URL成为/#/heroes时，路由器将该URL与名为Heroes的RouteDefinition匹配，并在放置在宿主视图HTML中的RouterOutlet后显示HeroesComponent...但是，它不是教程，它掩盖了文档中其他地方更全面地介绍的Angular应用程序构建的细节。应用程序的最终版本的完整源代码可以从实例中查看并下载（查看源代码）。...如果您点击了浏览器的后退按钮而不是“返回”按钮，该应用程序也会将您返回到英雄列表。 Angular的应用程序像正常的网页导航一样更新浏览器的历史。现在点击危机中心链接查看正在进行的危机列表。 ?

6.1K2 0

综合布线运维专业术语解析

CR：核心路由器又称“骨干路由器”，是位于网络中心的路由器。位于网络边缘的路由器叫接入路由器。...回波损耗：由于布线系统的阻抗变化而反射回到传送器的信号测量值。 Riser：连接各楼层电信间垂直状态的主干线缆路由竖井 RJ11：一种用于6位模块插座的配线模式。参照插座本身使用。...当有总屏蔽时，称作带总屏蔽的非屏蔽电缆。屏蔽双绞电缆、对绞电缆：由屏蔽线对组成的电缆(简称屏蔽电缆)。当有总屏蔽时，称作带电总屏蔽的屏蔽双绞电缆。...通道中包括应用系统的设备连接线缆和工作区接插线。信息插座、引出端：综合布线在各工作区的接口，与水平电缆或水平光缆相连接。工作区的终端设备用接插线连到该接口。...端接块：在各类电缆传输通道配置中，为端接电缆线对并且在110型配线架连接线对的模压塑料板。线路：传输介质，一般指链路。在SNA环境中指网络的一条链接。

1.6K5 0

Angular2 之路由与导航基础知识路由模块组件路由路由守卫

导航是很简单的，只是不同页面之间的切换，路由是实现导航的一种。一个url对应的一个页面，在angular2中是一个组件。定义一个规则。...在上面的配置中，带静态路径的路由被放在了前面，后面是空路径路由，因此它会作为默认路由。而通配符路由被放在最后面，这是因为它是最通用的路由，应该只在前面找不到其它能匹配的路由时才匹配它。...如果当前URL无法匹配上我们配置过的任何一个路由中的路径，路由器就会匹配上这一个。当需要显示404页面或者重定向到其它路由时，该特性非常有用。...在等待服务器的答复时，我们没法阻塞它 —— 这在浏览器中是不可能的。我们只能用异步的方式在等待服务器答复之前先停止导航。我们需要CanDeactivate守卫。...在文件路径后面，我们使用# 来标记出文件路径的末尾，并告诉路由器AdminModule 的名字。打开admin.module.ts 文件，我们就会看到它正是我们所导出的模块类的名字。

3.2K1 0

网络知识：水晶头网线和网线插座接法制作过程介绍

在接线时，你只须将双绞线中的各色线对打入对应色标的卡口即可。...注意： a.有的网线是四根白和橙绿蓝棕主色线缠绕，而不是白色和其他色系的混合的白线和主色线缠绕，所以要留心每一组两根线放好后，再拆其他的线，否则，四根白线你无法知道哪一根是白橙、白蓝、白绿、白棕。...好的网线插座后面还有护线卡，这样可以保护轻微的拖拽网线时，不至于脱落。但多数是没有护线卡保护网线插座的，所以在往墙内和插座面板上放置网线插座的时候要小心，不要拽拉网线。...用于连接： PC(电脑)—————————— HUB(集线器) PC(电脑)—————————— SWITCH(交换机) PC(电脑)—————————— ROUTER(路由器) HUB(集线器)———...(路由器) 补充一下，配置网络设备要用反转线。

1.3K2 0

AirKiss技术

Airkiss目前已经进化到2.0版本，在配网功能的基础上，增加了近场发现功能；近场发现功能时使用型号码必备的功能，型号码的相关介绍请参照型号二维码介绍。...在本例中，智能插座在按下了配置按键之后，指示灯闪烁进入AirKiss模式，成为了AirKiss技术中信息的接收方。用户则可以使用微信手机客户端，成为AirKiss技术中的信息发送方。 ?...用户打开微信手机客户端，进入设备的联网配置界面（设备厂商开发的HTML5页面），唤起AirKiss的SSID与密码发送界面，当前无线网络环境下无线路由器的SSID已经默认选中，用户只需要填写密码，然后点击发送即可...整个AirKiss过程将在15秒内完成。...用户无需首先将设备配置为热点模式并连接，在配置模式下可直接将无线路由器的SSID发送至设备。

1.9K2 0

mineportal新硬件选型，威联通or群晖？

，qnap威联通性价比都说比群晖要高，但实际上qnap太吃内存了，同样存在开虚拟机需求的情况下，qts 16G内存不见得能开三个虚拟机，而dsm已经可以建立起好几个虚拟机了，好吧，个人感受当不得真。...连结远程windows，可以调试本地局域网下的linux开发机，在多虚拟机环境下，你可以虚拟出一个软路由系统（假设它有一个公网IP，稍后会讲到），将其它虚拟系统中的服务通过软路由网关服务透出来。...否则会提示一直初始化中。 4) 将盒子界面的内网IP设成路由器 后。转发规则会失效。...所以这种情况下，不适合一种方式，就是达到ISP给路由器分配出公网IP的效果，然后你企图在路由器上作DDNS，转发。...省事单一可同步文件夹：dsm支持personal photostation ----- 威联通的qts支持链接，可以将一个顶层共享文件夹的内部目录透出来成为一个新顶层共享文件夹，这样就可以将所有资料（无论是按用户逻辑归类的还是

1.4K3 0

物联网无线短距离ZigBee技术详解

ZigBee 路由器（英文名：ZigBee Router，通常简写为：ZR），路由器在ZigBee 网络中既可以充当父节点，也可以充当子节点，有信息转发和辅助协调器维护网络的功能。...例如，把新的设备配置成zigbee协调器，或者尝试加入一个已经存在的网络启动新的网络加入或者离开一个网络执行网络安全路由信息帧到它们的目的地。（协调器或者路由器）发现和维护设备间的路由。...广播标记：广播标记占1位，0表示单播或者广播，1表示组播；安全：安全子域占1位，当该帧为网络层加密时，安全子域的值为1，当未加密时，值为0....2.6.3.4 半径域半径域总是存在的，它的长度为1字节当设备每接收一次帧数据时，广播半径即减1，广播半径限定了传输半径的范围 2.6.3.4 广播序列号域每个帧都包含序列号域，其长度是1字节每发送一个新的帧...，这些节点智能进行简单的收发，而不能充电路由器。

2K2 0

专访ZIVOO邹超：迎接智能家居的春天

经过长时间筹备之后，2014年5月，雷柏控股的ZIVOO正式对外发布，定位高端智能家居，首批产品包括智盒(OTT盒子)、智能路由器和智能插座三款产品。...OTT盒子：当别人悲观时我们要乐观 ZIVOO在发布时同时推出了三款产品，不过智盒是目前唯一在售产品，京东售价498元，从定价来看，智盒已属于高端：百度影棒3s售价399元、乐视盒子C1S售价219...因为总有一批用户会为好产品而不是低价格买单。” 为此，ZIVOO在产品细节上丝毫不马虎。在硬件上有着雷柏的经验和资源支持，自然不是问题。...客厅未来：用户需要轻松、简单的产品智能家居虽然看上去十分热闹，但却有着叫好不叫座的尴尬：最多的产品是智能插座，但却很难回答为什么我们要用手机打开App、连接WIFI再去控制插座，而不是像过去一样通过物理按钮...智能电视有着完全不同的用户群和使用场景，解决的问题当下其实还是先要能“看”然后才是能“玩”，它并不是把手机放大，它上面的应用不是手机应用的放大版，都需要按照全新的产品量身定制。

6624 0

AngularDart4.0 英雄之旅-教程-07路由顶

当用户在任一视图中点击英雄名称时，导航至所选英雄的详细视图。当用户点击电子邮件中的深层链接时，打开特定英雄的详细视图。完成后，用户将可以像这样浏览应用程序： ?...添加路由应该在用户点击按钮后显示英雄而不是自动显示。换句话说，用户应该能够导航到英雄列表。更新pubspec 使用Angular路由（angular_router）启用导航。...RouterLink指令告诉路由在用户点击链接时的位置。您使用链接参数列表定义了一个路由指令，这个列表在我们的小样本中只有一个元素，引用的路由名称。...你已经完成了应用程序的路由。您没有向模板添加英雄详情链接，因为用户单击导航链接不是为了查看特定的英雄; 而是点击一个英雄的名字，不管名字是显示在仪表板还是英雄列表中。...仪表板英雄的行为应该像锚标签：当悬停在英雄的名字，目标网址应该显示在浏览器的状态栏，用户应该能够复制链接或在新标签打开英雄详细信息视图。

17.5K3 0

网络RJ45接口详解

10BASE-T采用Manchester编码，两电平信号，工作时两对差分线一收一发，传输速率10Mbps。 100BASE-TX模式采用4B/5B编码，效率80%，三电平信号，如图 3-11所示。...工作时两对差分线一收一发，传输速率125 MT/s，因为采用4B/5B编码，实际传输速率为125MT/s×80% = 100Mbps。...802．3标准中的第28条是这样定义自动协商功能的：它允许一个设备向链路远端的设备通告自己所运行的工作方式，并且侦测远端通告的相应的运行方式。...在一端打开自协商，另一端关闭自协商的情况下，连接的建立就依靠并行检测功能实现。...交换机（对应一般路由器的LAN口）RJ45接口：1-RX+、2-RX-；3-TX+、6-TX-； 1000M RJ45接口：1-DA+、2-DA-；3-DB+、6-DB-；4-DC+、5-DC-；7-

5.7K1 0

Hey Siri，要怎样你才肯帮我开灯？

不过，它们并不是直接连接到 Homekit 中的，所以你现在拿起 iPhone 打开应用是找不到你的床头灯，空气净化器等等。...如果你使用的路由器也是小米品牌的，并且具有储存接口，那么处理方式很简单：打开路由器对应的 App，下载 Homekit 插件，等待 Homekit 中出现硬件。...然后大喊：“Hey Siri 帮我打开电灯/空气净化器/电风扇……” 小米智能家庭套装如果你的路由器不满足以上条件，那么是时候自己撸代码了。...Homekit 存在的意义并不是作为一个家用电器的总开关，而是作为一个家庭信息中心，一名“智能家庭管家”。我们能从其中掌握家中的情况，同时通过预设，满足我们在特定情形下的需求。...回家时，它会帮助我们解锁家门，打开车库，预先开启空调，电灯，甚至播放我们要观看的视频。这一系列的操作无需我们自己动手，仅需对着 Siri 提出需求即可。

1.5K2 0

巧设IP路由实现不同网段互通

【简介】当一个局域网中必须存在两个以上网段时，分属于不同网段内的主机彼此互不可见。为了解决这个问题，就必须在不同的网段之间设置路由器。...当一个局域网中必须存在两个以上网段时，分属于不同网段内的主机彼此互不可见。为了解决这个问题，就必须在不同的网段之间设置路由器。...3、在“常规”选项卡上，选中“路由器”复选框，并选择“仅用于局域网(LAN)路由选择”选项，单击[确定]。　　...4、在“路由和远程访问”窗口中，打开左侧目录树“IP路由选择”，右击“常规”，并在快捷菜单中选择“新路由选择协议”，显示“新路由选择协议”对话框。　　...6、在目录树中右击“RIP”，并在快捷菜单中选择“新接口”，显示“用于Internet协议的RIP版本2的新接口”对话框。

5.8K2 0

华为路由Q6实在太强了，任何户型都能通吃！

顾名思义就是利用家中电线同时提供网络信号和设备能源，这意味着只要有插座的地方就会有WiFi，如果某个房间网络信号表现差，那么就在这个房间内的插座处布置一个路由器，便能完美解决问题。...当家中大功率电器较多时，比如说微波炉、电暖气、冰箱等工作时，或是插座外接了空气开关，便会对电线中的网络信号传输造成干扰，从而引起网络波动或者速率下降。...在PLC电力线组网的技术基础上，华为路由Q6可以实现1个母路由器最多带15个子路由，无论你是大平层、别墅、复式楼房、还是各种想象不到的复杂户型房间，都能解决全屋WiFi覆盖问题，有电的地方就有网。...后者内置9种优化漫游体验技术，让手机等终端设备在移动切换WiFi网络时更顺畅，不会产生卡顿、中断等常见毛病。...最后，华为同时推出了新款AX6系列路由器，内置8颗独立放大器，双频WiFi 6+速率可达7200Mbps，达到目前业界最高记录，同时业界首创4X4 4K-QAM 160MH同时运行，性能大幅领先于同价位竞品

7803 0

网络工程师考试最容易忽视的七大问题

以太网一般使用两对双绞线，排列在1、2、3、6的位置，如果使用的不是两对线，而是将原配对使用的线分开使用，就会形成缠绕，从而产生较大的串扰(NEXT)，影响网络性能。...4．网段与流量某台服务器，有两台文件读写极为频繁的工作站，当服务器只安装一块网卡，形成单独网段时，这个网段上的所有设备反应都很慢，当服务器安装了两块网卡，形成两个网段以后，将这两台文件读写极为频繁的工作站分别接在不同的网段上...很明显这是一套具有路由性质的设备。桥的特征是在同一网段上，而路由必须在不同网段上。 6．广播干扰上述通过桥接设备联网的两端，分别有一套通过广播发送信息的应用软件。...7．WAN与接地无意将路由器的电源插头插在了市电的插座上，结果64KDDN就是无法联通。电信局来人检查线路都很正常，最后检查路由器电源的接地电压，发现不对，换回到UPS的插座上，一切恢复正常。...路由器的电源插头接地端坏掉，从而造成数据包经常丢失，做PING连接时，时好时坏。更换电源线后一切正常。

6611 0

网络规划与设计「建议收藏」

（2）逻辑设计阶段：主要完成网络的逻辑拓扑结构、网络编址、设备命名、交换机和路由器的协议选择、安全规划、网络管理等设计工作，并根据这些设计产生对设备厂商、服务提供商的选择策略。　　...需求分析的注意事项：任何网络都不可能是一张能够满足各项功能需求的万能网，采用合适的不是最先进的网络设备，获得合适的而不是最高的网络性能，网络需求分析不能脱离用户、应用系统等现实因素，考虑网络的扩展性，极大地保护投资...（4）结合实际情况进行设计。如在进行金融业务系统的网络设计时，应该优先考虑高可用性原则；在进行小型企业的网络设计时，应优先考虑经济性原则。逻辑网络设计完成时，生成逻辑设计文档。...在测试线路的主要指标中，近端串扰是指电信号传输时，在两个相邻的线对之间会发生一个线对与另一个线对的信号产生耦合的现象。衰减是指由绝缘损耗、阻抗不匹配、连接电阻等因素选成信号沿链路传输时产生损失。...设备测试主要是针对交换机、路由器、防火墙的测试，了解设备的性能参数，如地址学习速率、帧丢失率、吞吐量、时延、协议的一致性，确保设备符合要求。　　2.

9203 0

上班第一天，一个合格的运维应该做什么？

注意点二：电缆线路与布线情况查看对连接服务器的各条线路进行精细查看，关键是检查配线箱，看看插座是否对应插头，不插头与非适配插座乱串。...3 对于交换机/路由器的检测及其准备 (1)、在情况容许的情况下对交换机/路由器进行重启对其功能进行检测，测试的项目诸如接口测试、性能测试、协议一致性测试和网管测试等，测试最好进行远端测试。...(2)、对其进行卫生清洁是非常必要的，最好能够打开交换机/路由器，清除其主板电路上及其外围的灰尘，因灰尘导致的故障也是屡见不鲜。...4 维护运维平台节日期间，因为无人值守，我们通常会选择运维监控平台来进行系统实时监控防止出现问题。在假期的使用过程中，你有没有发现平台的bug或者某些不尽如人意的地方？...列表的时候要注意，如果一开始就进入到方案设计等复杂的工作中，可能会比较难打开思路。优先处理沟通协调类的工作，例如信息同步、邮件跟进之类。

1.3K8 0

讲一讲WiFi快连、SmartConfig、SmartConnect

可惜这个功能需要路由器支持，市面上一些路由器不支持，导致没有大规模推行。快连不需要路由器支持，且更加简化，所以获得了迅速的发展。...示例2-小米插座下图是小米插座的介绍界面，这里使用的也是WiFi快连技术，配置简单。示例3-BroadLink插座和小米闹掰的BroadLink，他们的插座也是一样的介绍。...而WiFi模块一直处于UDP监听状态。获取到AP信息之后，WiFi模块便可以接入AP了。...这里有一个难点是，如果WLAN都是不加密的话，那UDP直接把相关信息发出来就好，但可惜路由器AP的加密方式是不固定的，模块没法知道UDP数据是何种加密方式，因此没办法解析出DATA信息。...那么应该发送如下数据：四、WiFi快连的衍生 BroadLink早期过度宣传，将WiFi快连技术申请专利，目前还在实审中，以我看来BroadLink采用的是CC3000方案，这个技术是TI的，所以我觉得它应该不会通过

1.7K1 0

Blazor 中的路由和路由模板

此外，正如在 ASP.NET MVC 中发生的那样，解析 URL 时，表中的路由将从最具体到最不具体进行评估，并且搜索在首次匹配时停止。...在客户端上，路由器参与多种情况，最常见的情况是用户单击链接、表单上的提交按钮或下拉列表中触发服务器调用的项。路由器绑定到内部位置更改事件，并从客户端处理导航到新请求路径的整个过程。...毋庸置疑，当应用程序的位置以编程方式更改时，路由器也会启动。最后一点也非常重要，路由器在浏览器历史记录中记录任何它负责的位置更改，因此后退和前进按钮可以按用户的期望工作。...路由器的实现是通过 SPA 框架（其中 Angular 最为出色）移动到客户端的。让我们花点时间对合并的 Angular 路由器和仍在使用的 Blazor 路由器中的功能进行简要比较。...但是，当定位标记用于呈现菜单或导航栏时，可能需要一些额外的工作来调整 CSS 样式以反映链接的状态。内置的 Blazor NavLink 组件可以用于任何需要定位点元素的地方，尤其是在菜单中。

8.3K2 1

以太网RJ45 接线标准线序(备忘)「建议收藏」

RJ是Registered Jack的缩写，意思是“注册的插座”。...在 FCC（美国联邦通信委员会标准和规章）中的定义是，RJ是描述公用电信网络的接口，常用的有 RJ-11和 RJ-45，计算机网络的RJ-45是标准8位模块化接口的俗称。...当以下设备互联时，需使用直连线： 1.将交换机或HUB与路由器连接； 2.计算机（包括服务器和工作站）与交换机或HUB连接。...而这些设备互联时，则需使用交叉线： 1．交换机与交换机之间通过UPLINKS口连接； 2．HUB与交换机连接； 3．HUB与HUB之间连接； 4．两台PC直接相连；...5．路由器接口与其它路由器接口的连接； 6．Ethernet接口的ADSLModem连接到PC机的网卡接口。

1.3K3 0

CocoaAsyncSocket源码解析---终

服务端也是一样，会维护一个插座的心跳间隔，当约定时间内，没有收到客户端发来的心跳，我们会知道该连接已经失效，然后主动断开连接。参考文章：为什么说基于TCP的移动端IM仍然需要心跳保活？...原来这是因为IPV4引起的，我们上网很可能会处在一个NAT设备（无线路由器之类）之后 .NAT设备会在IP封包通过设备时修改源/目的IP地址。...对于家用路由器来说，使用的是网络地址端口转换（NAPT），它不仅改IP，还修改TCP和UDP协议的端口号，这样就能让内网中的设备共用同一个外网IP。...国内移动无线网络运营商在链路上一段时间内没有数据通讯后，会淘汰NAT表中的对应项，造成链路中断。而国内的运营商一般NAT超时的时间为5分钟，所以通常我们心跳设置的时间间隔为3-5分钟。...它其实就是一个PingPong机制的客户端的实现。

5113 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭