Angular的Location服务的normalize方法不会在前面添加base href。
创始人
2024-10-24 06:31:54
0

在Angular中,Location服务的normalize方法确实不会自动添加base href。如果你想要在URL前面添加base href,你可以手动添加它。

下面是一个示例解决方法:

  1. 在index.html文件中添加base href元素,例如:

这将设置基本URL路径为根路径。

  1. 在你的Angular组件中,使用Location服务的normalize方法来规范化URL。然后,手动添加base href:
import { Component } from '@angular/core';
import { Location } from '@angular/common';

@Component({
  selector: 'app-example',
  template: `
    
  `
})
export class ExampleComponent {
  constructor(private location: Location) {}

  navigate(): void {
    const normalizedUrl = this.location.normalize('home');
    const urlWithBaseHref = `/${normalizedUrl}`;
    console.log(urlWithBaseHref); // 输出:"/home"

    // 手动导航到URL
    this.location.go(urlWithBaseHref);
  }
}

在上面的示例中,我们首先使用Location服务的normalize方法来规范化URL。然后,我们手动添加base href,然后将URL导航到规范化的URL。

请注意,这只是一个示例解决方法,你可以根据你的具体需求进行调整。

相关内容

热门资讯

7分钟了解!微信财神十三章辅助... 7分钟了解!微信财神十三章辅助安装包!一直是真的有辅助神器(讲解有挂)-哔哩哔哩1、游戏颠覆性的策略...
第6分钟了解!雀神广东智能插件... 第6分钟了解!雀神广东智能插件!果然一直都是有辅助插件(有挂工具)-哔哩哔哩1、打开软件启动之后找到...
第5分钟了解!至友互娱情怀辅助... 第5分钟了解!至友互娱情怀辅助软件!切实是真的有辅助方法(有挂规律)-哔哩哔哩1、至友互娱情怀辅助软...
9分钟了解!玉兔追月有挂吗!一... 9分钟了解!玉兔追月有挂吗!一直是有辅助app(有挂解惑)-哔哩哔哩1、完成玉兔追月有挂吗有辅助插件...
5分钟了解!兴动互娱辅助工具下... 5分钟了解!兴动互娱辅助工具下载!果然有辅助软件(有挂神器)-哔哩哔哩1、兴动互娱辅助工具下载有没有...
第9分钟了解!新九天辅助!切实... 第9分钟了解!新九天辅助!切实是有辅助插件(有挂头条)-哔哩哔哩1、点击下载安装,新九天辅助脚本分类...
第八分钟了解!决战卡五星游戏辅... 第八分钟了解!决战卡五星游戏辅助器!果然存在有辅助攻略(有挂总结)-哔哩哔哩;1、第八分钟了解!决战...
3分钟了解!蜀渝牌乐汇辅助!果... 3分钟了解!蜀渝牌乐汇辅助!果然真的有辅助方法(有挂辅助)-哔哩哔哩暗藏猫腻,小编详细说明蜀渝牌乐汇...
第六分钟了解!朋友圈app辅助... 第六分钟了解!朋友圈app辅助软件!一直是有辅助攻略(果真有挂)-哔哩哔哩1、朋友圈app辅助软件模...
9分钟了解!同乡游有辅助软件吗... 9分钟了解!同乡游有辅助软件吗!原来一直总是有辅助插件(有挂方法)-哔哩哔哩1、起透看视 同乡游有辅...