Angular：Url更改而不重定向（angular材料）_编程开发

Angular：Url更改而不重定向（angular材料）

创始人

2024-11-02 01:31:57

0次

在Angular中，可以使用Location.replaceState()方法来更改URL而不进行重定向。下面是一个示例：

import { Component } from '@angular/core';
import { Location } from '@angular/common';

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

  changeUrl() {
    const newUrl = '/new-url';
    this.location.replaceState(newUrl);
  }
}

在上面的代码中，我们在组件中注入了Location服务，并使用replaceState()方法来更改URL。当按钮被点击时，changeUrl()方法会被触发，并将URL更改为/new-url。这样做不会进行页面重定向，而只会更改浏览器地址栏中的URL。

请注意，Location服务是@angular/common模块中的一部分，因此需要先导入并在构造函数中注入它。

上一篇：Angular：Typescript：无法设置未定义的属性'autoTable'的类型错误。

下一篇：Angular：未捕获的错误：组件BucketGridComponent不属于任何NgModule或该模块尚未导入到您的模块中。

Angular：Url更改而不重定向（angular材料）

相关内容

热门资讯