editable dropoption
This commit is contained in:
parent
b126685d12
commit
99dc2347ac
@ -190,12 +190,22 @@
|
|||||||
<h6 style="margin: 12px;padding:10px !important;">Trading Product {{l+1}}</h6>
|
<h6 style="margin: 12px;padding:10px !important;">Trading Product {{l+1}}</h6>
|
||||||
<div fxLayout="row nowrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
<div fxLayout="row nowrap" fxLayoutGap="2px" fxLayoutAlign="start none">
|
||||||
<mat-form-field style="width: 45%">
|
<mat-form-field style="width: 45%">
|
||||||
|
<div>
|
||||||
|
<input matInput list="products" placeholder="Trading Product Name" formControlName="trade_product_name"/>
|
||||||
|
<datalist id="products">
|
||||||
|
<option *ngFor="let pm of m_tradingProducts"
|
||||||
|
[value]="pm.name">{{
|
||||||
|
pm.name }}<option>
|
||||||
|
</datalist>
|
||||||
|
</div>
|
||||||
|
</mat-form-field>
|
||||||
|
<!--<mat-form-field style="width: 45%">
|
||||||
<mat-select placeholder="Trading Product Name" formControlName="trade_product_name">
|
<mat-select placeholder="Trading Product Name" formControlName="trade_product_name">
|
||||||
<mat-option>Select</mat-option>
|
<mat-option>Select</mat-option>
|
||||||
<mat-option *ngFor="let pm of m_tradingProducts" [value]="pm.name">{{
|
<mat-option *ngFor="let pm of m_tradingProducts" [value]="pm.name">{{
|
||||||
pm.name }}</mat-option>
|
pm.name }}</mat-option>
|
||||||
</mat-select>
|
</mat-select>
|
||||||
</mat-form-field>
|
</mat-form-field>-->
|
||||||
<!--<mat-form-field style="width: 100%">
|
<!--<mat-form-field style="width: 100%">
|
||||||
<input matInput placeholder="Trade Product Name" formControlName="trade_product_name">
|
<input matInput placeholder="Trade Product Name" formControlName="trade_product_name">
|
||||||
</mat-form-field>-->
|
</mat-form-field>-->
|
||||||
|
|||||||
@ -216,13 +216,16 @@
|
|||||||
<input matInput placeholder="Trade Product Name" formControlName="trade_product_name">
|
<input matInput placeholder="Trade Product Name" formControlName="trade_product_name">
|
||||||
</mat-form-field> -->
|
</mat-form-field> -->
|
||||||
<mat-form-field style="width: 45%">
|
<mat-form-field style="width: 45%">
|
||||||
<mat-select placeholder="Trading Product Name"
|
<div>
|
||||||
formControlName="trade_product_name">
|
<input matInput list="products" placeholder="Trading Product Name" formControlName="trade_product_name"/>
|
||||||
<mat-option *ngFor="let pm of m_tradingProducts"
|
<datalist id="products">
|
||||||
|
<option *ngFor="let pm of m_tradingProducts"
|
||||||
[value]="pm.name">{{
|
[value]="pm.name">{{
|
||||||
pm.name }}</mat-option>
|
pm.name }}<option>
|
||||||
</mat-select>
|
</datalist>
|
||||||
|
</div>
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
||||||
<mat-form-field style="width: 45%">
|
<mat-form-field style="width: 45%">
|
||||||
<input matInput placeholder="Supplier Name"
|
<input matInput placeholder="Supplier Name"
|
||||||
formControlName="trade_supplier_name">
|
formControlName="trade_supplier_name">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user