Question

我在一行中使用了一个选择框。该行使用循环生成。我需要在这个选择框时调用一个方法初始化。此方法将动态生成的行数据作为参数传递。我对如何在Angular4 / 5中实现这一点感到困惑。

在AngularJS中可以这样做：

<tr ng-repeat="row in myData track by $index">
  <select class="form-control" ng-model="row.val" ng-init="methodToCall(row)">
</tr>

Answer 1

我可能会为此目的使用我自己的组件：

所以创建新组件如下：

import {Component, onInit, Input} from "@angular/core";

@Component({
     selector: "custom-select"
 })
export class customeSelect implements onInit{
      @Input() row:any;
      ngOnInit(){
         //You can call what ever you want after your component initialized.
         console.log(this.row);
      }
}

并在您的ngfor中使用它，如下所示：

<tr *ngFor="row in myData">
    <custom-select [row]="row"></custom-select>
</tr>

如何在Angular应用程序中初始化选择框时调用方法

1 个答案: