java替换link href_Angular routerLink正在追加替换

我正在学习和 . 现在我正在开发一个仅用于学习目的的简单应用程序 . 我遇到了的问题 . 我的一个是将新HTML添加到现有的HTML而不是替换它 . 我有复杂的组件树视图和结构 . 请参阅下面的方案 .

这是我的主要app-.

const : = [

{ path: '', : './/.#', : [] }

];

我的.html

所以我将拥有独立的及其路由配置 .

const : = [

path: '',

: ,

: [

{ path: '', : './/.#' }

];

我的的html

所以，我将再次提供结果模块及其路由配置 .

这是我的结果 - .配置

path: '',

: ,

: [

{ path: '', : 'list' },

{ path: 'list', : },

{ path: 'add', : nt }

},

这是我的.html

Page Title

This is small title

所以根据我的代码，如果我访问“结果/添加”和“结果/列表”，它将使用相应的组件 . 我的路线配置在此阶段仍然完美运行 . 当我访问“结果/添加”网址时，.html中的路由出口将替换为“结果/列表”的nt和 . 问题始于 .

这是我的.html

Add/ new

这是我的.html

Add new

如您所见，我在.html中创建了一个导航到“结果/添加”的链接() . 因此，如果我点击该链接，则当前现有的整个内容应该替换为nt的HTML内容，包括链接(锚点)本身 . 但是，当我点击链接时，内容不会被替换，而是将其附加或添加到现有内容中 . 请参阅下面的屏幕截图以便更好地理解 .

这是我看到的，当我访问“结果/列表”时：

如果我单击该按钮，它应该被nt中的内容替换 . 但是，当我这样做时，就发生了

正如您在屏幕截图中看到的，内容将添加到现有内容的顶部 . 但它应该被替换 . 为什么？我该如何解决这个问题？

但是，当我直接从进入浏览器的URL访问“结果/添加”时，它正如预期的那样工作 .