通过单击按钮添加行

时间:2019-03-28 10:33:02

标签: angular typescript

我有一个带表格的模板。

public static function indexQuery(NovaRequest $request, $query)
{
    if (Auth::user()->isAdmin()) {
        return $query;
    } else {
        return $query->published()
            ->whereHas('organizations', function($q){
                $q->where('organization_id', Auth::user()->organization_id);
            });
    }
}

当我单击按钮时,我需要重复表格的这一部分。 我该如何在Angular2 +中做到这一点?

UPD

我尝试使用另一个组件。但是如何在它们之间传递数据? 我必须传递在输入中输入的selectedParam和文本。

BaseComponent:

<div class="row">
  <select name="tvParam+{{paramIndex}}}" class="form-control col-md-3" [(ngModel)]="selectedParam[paramIndex]">
    <option *ngFor="let param of parametrs">{{param}}</option>
  </select>
  <div class="col">
    <input type="text" class="form-control" name="tvParamValue" [(ngModel)] = "paramet[paramIndex]" (change)="passData()">
  </div>
  <div class="col-auto">
    <button type="button" class="btn btn-primary" (click)="addRow()">+</button>
  </div>
</div>

带有行模板的组件

 <div *ngFor="let re of paramRows">
  <app-home></app-home>
 </div>

0 个答案:

没有答案