angular - 如何将内部类 ID 插入 Angular 8 中的 href 链接？.html 组件

Question

道歉，因为我对 Angular 很陌生。

我一直在尝试从与我的 href 链接相同的 html 文件中的 div 传递一个 ID。

基本上我想要实现的是在我的网站上放一张照片，点击它后，会出现与照片相关的文字。我已经使用了点击功能，但它仍然无法正常工作。有人可以建议我在哪里出错吗？

如果这是在 Angular 之外完成的，仅使用 html 和 css，则只需在 href 链接中插入 #p1 即可工作（来自下一个 div 的 id）

我的 html a href 代码片段：

<a href="p1"(click)="viewDoc()"><img src="" alt=""></a>

我的 html（同一页面）div id 代码片段：

<div class="section" id="p1">

我的 ts 代码片段：

clicked=true;
  viewDoc():void{
    this.clicked=!this.clicked;

同样，为了更好地解释，它本身就是 css 和 html，下面的代码就足够了：

<a href="#p1"><img src="" alt=""></a>
   

有人可以帮我在 Angular 8 中完成这项工作吗？

标签： angular

Answer 1

HTML 文件

 <div>
      <a href="/componentroutepath#p1"><img src="" alt="" />Click Me</a>
    </div>
    
    <div class="section" id="p1">
      <span class="name">Text</span> <span class="border"></span>
    </div>

因此，当您单击按钮时，您可以切换文本。