Javascript 从html到ts的值

我是新手，需要帮助

我有两个组件，一个用于索引，一个用于导航

对于索引组件，存在子组件，该子组件由变量productDivision的值更改。因此，如果productDivision=1，子组件（a）将显示在索引中，如果productDivision=2，子组件2将显示而不是1

所以我需要的是。。。如果我单击导航栏上的某个元素，我希望product division的值发生更改..要在索引中显示不同的子组件，这里是我的代码。 那么，如何从HTML中获取productDivision变量的新值，并将其作为变量的新值分配给ts呢

导航栏组件：html:

<nav id="nav-icons">
    <a class="nav-icon-home" (click)="prodProvision === null; detectProductDivision() " routerLink="/">
      <span class="nav-icon"></span><br />
      Telefon
    </a>
    <a class="nav-icon-mobile" (click)="prodProvision === 1 ;detectProductDivision()" routerLink="/" >
      <span class="nav-icon"></span><br />
      Mobil
    </a>

    <a class="nav-icon-phone" (click)="prodProvision === 2; detectProductDivision()" routerLink="/">
      <span class="nav-icon"></span><br />
      Fax
    </a>

---

我不知道我是否理解正确，但您可以通过单击函数传递值：

(click)="myClickFunction(valueThatIwantToPass)"

---

如果这不能解决您的问题，请扩展您的问题，以便我可以为您提供更好的答案，谢谢

由于您没有指定索引和导航栏这两个组件之间的关系，因此很难给出一个好的答案。这里的一个选项是正确答案，但如果不了解更多，就不可能提出建议

(click)="myClickFunction(valueThatIwantToPass)"