当前位置: 首页 > 编程笔记 >

Angular 2 配置路由器出口

卢志强
2023-03-14
本文向大家介绍Angular 2 配置路由器出口,包括了Angular 2 配置路由器出口的使用技巧和注意事项,需要的朋友参考一下

示例

现在已经配置了路由器,并且我们的应用程序知道如何处理路由,我们需要显示配置的实际组件。

为此,请为顶级(应用)组件配置HTML模板/文件,如下所示:

//app.ts

import {Component} from '@angular/core';
import {Router, ROUTER_DIRECTIVES} from '@angular/router';

@Component({
    selector: 'app',
    templateUrl: 'app.html',
    styleUrls: ['app.css'],
    directives: [
        ROUTER_DIRECTIVES,
    ]
})
export class App {
    constructor() {
    }
}

<!--app.html-->

<!-- All of your 'views' will go here -->
<router-outlet></router-outlet>

该<router-outlet></router-outlet>元素将切换给定路线的内容。关于此元素的另一个好处是,它不必是HTML中的唯一元素。

例如:假设您希望每个页面上的工具栏在路线之间保持不变,类似于Stack Overflow的外观。您可以嵌套<router-outlet>under元素,以便仅页面的某些部分发生变化。

 类似资料:
  • 我是vertx的新手,所以可能我做错了什么。我正在尝试实施以下路线: 这是避免在所有处理程序中重复此逻辑的正确方法吗? 我试图链接处理程序,处理程序从路径中读取参数,试图找到相应的用户,并将该用户放入上下文中。如果未找到用户,则返回状态代码400。否则将调用下一个处理程序。我想对参数应用相同的原则。 在尝试实现这一点时,我认为我发现了路径的问题,更具体地说是尾部的斜线和星形。文档中指出,后面的斜杠

  • 每个路由可以有不同的属性; 一些常见的属性是: path - 应用程序在特定路由上时在浏览器中显示的URL component - 当应用程序在特定路由上时要呈现的组件 pathMatch - 默认为’prefix’的可选属性。 确定是匹配完整的网址还是仅匹配开头。 当定义一个具有空路径字符串的路径设置pathMatch为’full’时,否则它将匹配所有路径。 children - 表示此路由的子

  • 路由配置 路由的作用 路由配置是 CAT 集群流量负载均衡最重要的一环。路由配置提供了默认机器列表、多机房划分、地域划分等基本功能,路由选择的优先级为:同机房 > 同地域 > 默认机器 > 备用机器。 对于流量较高的机器,用户可以扩展相应的策略,通过路由配置将部分流量指定到低负载的机器。 配置入口 http:///localhost:8080/s/config?op=routerConfigUpd

  • V2Ray 内建了一个简单的路由功能,可以将入站数据按需求由不同的出站连接发出,以达到按需代理的目的。这一功能的常见用法是分流国内外流量,V2Ray 可以通过内部机制判断不同地区的流量,然后将它们发送到不同的出站代理。 RoutingObject RoutingObject 对应主配置文件中的routing项。 { "domainStrategy": "AsIs", "rules": []

  • 所以我有一些路线,比如<code>/category/tech</code>和<code</categority/tech/new<code>和<code>/category/tech/old</code>等等 他们都使用 或者我必须分别定义它们,就像

  • 目前的配置文件和文件结构 在demo目录下有一个index.html和home.html 需要配置 访问 localhost:90/demo, 加载demo下的index.html 访问 localhost:90/demo/home, 加载demo下的home.html 应该怎么写? 我试了下在和 server 同级加了一个 server 但是没有效果, 访问是404, 不是很理解 这种写法有什么