Angular 4-子路线和使用两个路线网点

Angular 4是一种流行的前端开发框架，它提供了一种组织和管理Web应用程序的方式。在Angular 4中，子路由和使用两个路由网点是两个重要的概念。

子路由是指在一个父级路由下定义的额外路由。它允许我们在一个页面中加载多个组件，每个组件都有自己的路由。这样可以实现更复杂的页面结构和导航。子路由可以通过在父级路由的配置中定义子级路由来创建。在Angular 4中，我们可以使用RouterModule来定义和配置子路由。

使用两个路由网点是指在一个页面中同时使用两个不同的路由出口。路由出口是指在Angular中用于加载和显示组件的位置。通过使用两个路由网点，我们可以在同一个页面上同时显示两个不同的组件。这对于需要同时显示多个组件的复杂布局非常有用。在Angular 4中，我们可以使用<router-outlet>元素来定义路由出口，并在路由配置中指定不同的出口名称。

子路由和使用两个路由网点的应用场景非常广泛。例如，当我们需要在一个页面上显示多个相关的组件时，可以使用子路由来实现组件的模块化和复用。而使用两个路由网点可以实现更复杂的页面布局，例如同时显示一个导航栏和一个侧边栏。

对于使用Angular 4进行开发的项目，腾讯云提供了一系列相关产品和服务。其中，推荐的产品是腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

腾讯云云服务器（CVM）是一种弹性计算服务，可以提供可靠、安全、高性能的云服务器实例。它可以满足各种规模和需求的应用程序部署和运行。腾讯云云服务器适用于部署和运行Angular 4应用程序的后端服务。

腾讯云对象存储（COS）是一种高可用、高可靠、低成本的云存储服务。它可以存储和管理大量的静态文件，例如图片、视频、音频等。腾讯云对象存储适用于存储Angular 4应用程序中的静态资源文件。

更多关于腾讯云云服务器和对象存储的详细信息和产品介绍，请访问以下链接：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos

Angular 4-子路线和使用两个路线网点

angular、typescript、angular-ui-router、angular4-router

事情是这样的：import {Component} from '@angular/core'; selector: 'component-one',template: 'Component One'export class ComponentOne { 和两个子组件： import { Component } from '@angular<router-outlet>

浏览 9提问于2018-12-14得票数 1

2回答

Asp.Net内核中的多个Angular模块

asp.net、asp.net-mvc、angular、asp.net-core-mvc、.net-core

在Asp.Net核心MVC上下文中使用Angular 4的多个模块的最佳方式是什么？我有一个应用程序，它有两个部分，每个部分由一个控制器和一个视图表示。在这些部分中，我想使用Angular来实现子部分(比如说，对于ShopController/View，我希望有子页面- Shop/Items Shop/Cart Shop/Details等)。AppModule (以及它的路由)中，但是如果我有多个这样的情况-所以商店部分(Sho

浏览 2提问于2017-11-02得票数 0

1回答

角度4-使用角度动画看路由改变

angular、angular2-routing、angular-animations

问题：角度4-在使用角度动画的路径改变的视图中淡出目前，视图在网站的负载中消失，但当路线改变时则不会消失。我希望在路线改变的时候，视野也会逐渐淡入。 <router-outlet></router-outlet>这是我的应用组件： import { Component, HostBinding } from "@angular/core";

浏览 1提问于2017-09-25得票数 1

1回答

多个路由器插座和fxHide/fxShow:为什么它会中断我的路由？

angular、routing、angular-flex-layout、router-outlet

我在使用Angular Flex布局的Angular 7项目中。在桌面视图上，我有一个标签导航，在移动设备上有一个sidenav。我使用fxHide和fxShow来显示正确的导航。但只要有两个路由器插座在这里，我的路由就会中断，无论是在台式机上还是在移动设备上。如果路由在台式机上不起作用，我必须注释移动插座，反之亦然。我不能使用指定的网点，因为我的导航共享相同的路线，而且它弄乱了urls。我在Stackblitz中重现了我的问题：ht

浏览 16提问于2019-02-04得票数 1

1回答

Floyd算法中最短路径和最短代价的求解

algorithm、graph-theory、shortest-path、floyd-warshall

如果您想从节点4转到节点3，那么有两种方法从矩阵中我们看到，第4行和第3列的值是1。因此，这向我们展示了这两个节点之间的最短成本。我怎样才能得到路线(4->2-->1->3) ?

浏览 4提问于2021-10-28得票数 0

1回答

在这里，地图iOS SDK:更改路由中子图的颜色

ios、cocoa-touch、here-api、here-maps-rest、here-ios

我想知道是否有可能使用这里的地图iOS软件开发工具包给路线中的不同支路赋予不同的颜色。我在NMAMapRoute.h类中看到了upcomingColor和traveledColor属性，但没有看到任何关于已行进路线和即将到来的路线如何计算的文档。在我的用例中，我必须将至少3种颜色绘制到我的路线的3条不同的子腿上。我在调查过程中看到的一件事是NMAMapPolyline类。我能用它在两个航点之间画一条路线吗？它是否导致

浏览 18提问于2019-10-09得票数 2

回答已采纳

2回答

Ember.js:控制器之间共享对象或彼此共享控制器

ember.js、ember-old-router

对于一条/dashboard的路线，DashboardController &在DashboardView上有两个不同的命名网点。我认为，DashboardController应该坚持一个对象，而DashProjects和ProjectSummary应该访问它。欢迎任何指导/指示。

浏览 0提问于2012-09-20得票数 0

回答已采纳

1回答

如何在Angular2中延迟路由器的失活？

angular

我一直在和Angular2路由器玩，想找出其他的。我在Angular2文档中遇到了类似的情况：移除此路由器的出口和所有子代出口的内容我想知道如何设置延迟，并使用新类作为提供程序，以便所有的路由器导航都有一些延迟(比如我想这样做，以便我可以在幻灯片出动画-如果我可以延迟路线停用，我可以让两个路线(前和下一个)在同一时间可见。

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

2回答

只能通过router.navigate访问的角度路由

angular

是否可以创建一个Angular CanActivate Guard，仅当我通过router.navigate导航到该路线时，才允许用户访问该路线？示例:用户创建账号，可以显示两个组件: RegistrationForm和ConfirmationForm。我希望ConfirmationForm只有在用户通过RegistrationForm并成功注册后才能访问，我使用的是router.navigate('confirmationForm')。

浏览 1提问于2017-07-28得票数 2

1回答

如何在Angular google地图上明确方向

angular、angular-google-maps、google-directions-api

destination]="path.destination" ></agm-direction> </agm-map> 这是我使用Angular Google地图实现方向的代码。我给出了起点、目的地和路点数组，问题是当我创建新路线时，旧路线和新路线都会留在地图上。但我想要重置/清除方向，以

浏览 11提问于2019-01-25得票数 1

1回答

在浏览器重新加载时，将角应用程序重定向到以前的组件。

angular、angular-ui-router

在我的角度应用，我有2条路线如下所示。1. http://localhost:4200/lectures 第一条路线显示一个讲座列表，第二条路线显示一个单独的讲座组件这些路由/组件没有父/子关系，并且相互独立。如何阻止应用程序重定向到其以前的组件，或者我猜它是浏览器

浏览 2提问于2019-07-16得票数 0

2回答

属性“$routeConfig”在类型上不存在($router: any) => void‘

javascript、angularjs、typescript、angular-new-router

我正在尝试使用v1.4中的角型新路由器。我在用打字本。当我试图编译时，我会得到以下错误。/Scripts/typings/angularjs/angular.d.ts"/>module Application {

浏览 4提问于2015-08-26得票数 1

回答已采纳

1回答

如何在loadChildren中对原生脚本和Angular使用相同的路径？

angular、routes、nativescript

我有一个使用Angular和Nativescript的项目，我们想使用相同的路线。下面是我的路线： { component: BaseComponent { } 其中一个评论适用于Nativescript，但不适用于<

浏览 20提问于2019-01-25得票数 1

回答已采纳

1回答

如何定义多个子视图的路由

durandal、durandal-2.0、durandal-navigation

我正在使用durandal开发和应用程序。我的页面中有两个不同导航菜单的部分。我正在使用组合来保持这些子视图。但我不确定如何为这些路段定义路线。

浏览 5提问于2014-04-04得票数 1

1回答

在Google地图中获取每个国家/地区的距离(角度)

angular、agm

我在我的Angular项目中使用AgmCoreModule和AgmDirectionModule。我想在A，B，C点之间画一条经过不同国家的路线。我想知道每个国家的路线分别有多少公里。有可能吗？或者你应该使用一些不同的库？

浏览 17提问于2019-11-21得票数 0

2回答

使用生成路由时避免坐标

ios、swift、mapbox、mapbox-gl、directions

我一直在使用Mapbox为我的应用程序生成路由和逐转导航，它运行良好。然而，我想避免通过一些坐标的路线，但我无法弄清楚。获取路线的代码： [0] = {longitude = -122.03118000000001 [1] = { latit

浏览 0提问于2018-06-02得票数 6

回答已采纳

1回答

Angular universal build baseHref change打破应用程序中的angular路由

aws-lambda、github-actions、serverless、angular-universal

在部署到AWS lambda之前，我设置了一个angular应用程序来构建。serverless.yml文件使用stage: production条目，并以/production作为部署的前缀。以这种方式构建和部署时，生成的样式、多边形填充和主js文件将返回403个错误。如果我在angular.json中更改production build baseHref: production/，在部署时可以找到这些文件，但由于url段'production‘不匹配，angular将生产

浏览 16提问于2021-08-08得票数 0

1回答

AngularJs服务，文件上传，Laravel

angularjs、file-upload、laravel

我在处理XHR请求时遇到了问题，由于某种原因，我的服务器无法接收我的文件：var update = function(id, name, file) {formData, transformRequest : angular.identity

浏览 2提问于2014-10-29得票数 2

2回答

如何在Angular 2中为不同的路线设置标题？

javascript、angular、url-routing

我想在一个Angular应用程序中为每个单独的路线设置一个静态标题(即<title>)。如果路由不包含标题，则应该使用默认标题。并且每个标题都应该有一个通用的后缀。我可以只在每个页面组件中使用title.setTitle()，但是如果组件没有指定标题，则标题不会更改为默认标题。如何添加通用后缀是此场景中的另一个问题。或者，我可以使用router.event.subscribe()在一个地方管理我的图书，但我不知道如何区分路线或获取当前路线的任何数据。在<e

浏览 5提问于2017-12-27得票数 4

1回答