要动态设置Angular中的base href以修复SVG破坏路由导航的问题，可以按照以下步骤进行：

1. 在app.component.ts文件中导入Router和Inject参数：

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

2. 在构造函数中注入Router和DOCUMENT参数：

constructor(private router: Router, @Inject(DOCUMENT) private document: any) {}

3. 在ngOnInit生命周期钩子中动态设置base href：

ngOnInit() {
  // 获取当前URL
  const baseHref = this.document.location.href;
  
  // 提取baseHref中的路径部分
  const baseHrefPath = baseHref.substr(0, baseHref.lastIndexOf('/') + 1);
  
  // 设置base href
  this.document.querySelector('base').setAttribute('href', baseHrefPath);
  
  // 导航到当前路由
  this.router.navigateByUrl(this.router.url);
}

4. 在app.component.html文件中添加一个元素：

通过以上步骤，我们可以动态设置base href并修复SVG破坏路由导航的问题。