javascript - 从 html 到 ts 的值

Question

我是 Angular 的新手，需要帮助。

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

对于索引组件，有子组件，它由变量 productDivision 的值更改..所以如果 productDivision = 1，子组件 (A) 将显示在索引中，如果 productDivision = 2，则将显示子组件 2 而不是 1。

所以我需要的是......如果我点击导航栏上的一个元素，我希望产品部门的值(value)发生变化......在索引中显示不同的子组件是我的代码。 那么如何从 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>

导航栏.ts

  import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';

    @Component({
      selector: 'app-navbar',
      templateUrl: './navbar.component.html',
      styleUrls: ['./navbar.component.css']
    })
    export class NavbarComponent implements OnInit {
       public productDivision: number;
         public prodProvision;
        @Output() public navbarEmitter = new EventEmitter();
      constructor() { }
        detectProductDivision() {
            this.navbarEmitter.emit(this.prodProvision);
        }

      ngOnInit() {
      }
    }
    }

Answer 1

不知道我理解的对不对，你可以通过click函数传值:

(click)="myClickFunction(valueThatIwantToPass)"

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