Question

我希望返回的数据（对象）进入TextBoxChanged（）方法下面，并在另一个组件方法中作为参数进行解析。这样我就可以根据参数进行一些后期API调用。

当试图访问另一个组件中TextBoxChanged（）的返回数据时，属性未定义，因为此方法仅在输入字段上触发。

<input class="star" type="text" [(ngModel)]="search" id ={{Name}}" (input)="TextBoxChanged()"/>

globaldata: any;
TextBoxChanged(){
 const myFormInputs = document.getElementsByClassName("star")
 const myFormData = Array.prototype.filter.call(myFormInputs, 
 function(anElement) {
   this.globaldata = anElement.value;
 })
}

在我的第二部分

ngOnInit() {console.log(this.comp1.globaldata)};

Answer 1

在TS文件中声明变量

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})


export class AppComponent  {
 name : string;   // this is variable

 onTextChange(){
    console.log(this.name);
 }
}

并将该变量与TS文件中的文本字段绑定

<input type = "text" name = "name"
         placeholder = "name" 
         [(ngModel)]="name"
         ngModel (ngModelChange)="onTextChange()" >

这是工作代码https://stackblitz.com/edit/angular-jmvexs

如果您想了解有关ngModel的信息，请点击https://angular.io/api/forms/NgModel

如何在角度5中解析方法将数据返回为另一个函数内的参数

1 个答案: