在Angular中，可以使用CanDeactivate守卫来阻止URL导航，但保留按钮导航。下面是一个示例代码：

首先，创建一个canDeactivate守卫：

import { Injectable } from '@angular/core';
import { CanDeactivate } from '@angular/router';

@Injectable()
export class PreventNavigationGuard implements CanDeactivate {
  canDeactivate(component: any): boolean {
    // 这里可以根据具体的条件来判断是否允许导航
    // 如果返回true，则允许导航；如果返回false，则阻止导航
    return component.allowNavigation;
  }
}

然后，在需要阻止URL导航的组件中，添加allowNavigation属性，并在需要保留按钮导航的地方设置该属性为true：

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

@Component({
  selector: 'app-my-component',
  template: `
    导航
  `
})
export class MyComponent {
  allowNavigation = false;

  navigate() {
    // 在按钮点击事件中，设置allowNavigation为true，允许导航
    this.allowNavigation = true;
    // 导航逻辑
  }
}

最后，在路由配置中，使用canDeactivate守卫来阻止URL导航：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MyComponent } from './my-component.component';
import { PreventNavigationGuard } from './prevent-navigation.guard';

const routes: Routes = [
  {
    path: 'my-component',
    component: MyComponent,
    canDeactivate: [PreventNavigationGuard] // 使用canDeactivate守卫
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class MyComponentRoutingModule { }

这样，当用户在组件中点击按钮进行导航时，URL导航将被阻止，但保留按钮导航。