mat-table内ngbPopover内的表格数据

时间:2018-11-28 12:20:14

标签: angular angular6 mat-table

我在垫子表列表中放置了一个带有表单的ngpopover。我需要在提交时获取表单文本框名称。这是我的代码

<ng-container matColumnDef="avgBid">
  <th mat-header-cell *matHeaderCellDef mat-sort-header style="text-align: center;"> Average <br>Bid </th>
  <td mat-cell *matCellDef="let element" style="text-align: center;"> $ {{ (element.avgBid ? element.avgBid : '0') | number:'1.2-2' }} <br> 
    <p class="editAvgBid" [ngbPopover]="popContent" [popoverTitle]="popTitle" [autoClose]="false" #p="ngbPopover">(${{ (element.cpc ? element.cpc : 0.00) | number:'1.2-2' }}) </p>
    <ng-template #popContent>
        <form >

          <div class="form-group">
            <label>Custom Bid</label>
            <input type="text" class="form-control"  value="{{element.cpc ? element.cpc : 0.00}}" >
          </div>
          <button type="button" class="btn btn-primary" (click)=updateBid($event.target,element.campaign_id)>Save</button>
        </form>
    </ng-template>
    <ng-template #popTitle>
        <b>CPC Bid:</b><a  class="customBidClose" (click)="p.close()"><i class="fa fa-times-circle" aria-hidden="true"></i></a>
    </ng-template></td>
</ng-container>

0 个答案:

没有答案