时间戳

首页 > 解决方案 > 从 html 到 ts 的值

javascript - 从 html 到 ts 的值

问题描述

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

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

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

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

标签： javascriptangularjhipster

解决方案

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

(click)="myClickFunction(valueThatIwantToPass)"

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

推荐阅读