如何更改文本字段輸入元素角4

-2

我想實現一個單一的點擊編輯按鈕來改變我的所有字段輸入，這是我的HTML

<div class="col-md-3"> 
 
    <div class="add-details"> 
 
    <span>LemonCandy, #78, IG Circle,</span> 
 
    <span>JP Nagar Phase 1, Bangalore</span> 
 
    <span>Karnataka, 560078</span> 
 
    </div> 
 
</div> 
 
<div class="col-md-2"> 
 
    <div class="id-details"> 
 
    <span>[email protected]</span> 
 
    <span>[email protected]</span> 
 
    <span><a (click)="editDetails()" title="Edit Details">Edit Details</a></span> 
 
    </div> 
 
</div> 
 
<div class="col-md-2"></div>

來源

2017-08-25 Rohit Jain

你嘗試過什麼？你的代碼中沒有''，並且沒有JS代碼。 –

使用'* ngIf =「...」'顯示普通文本或者''。另請參閱https://stackoverflow.com/questions/45793089/how-to-make-selected-row-editable-on-click-of-edit-button-in-angular-4/45793334#45793334 –

我不希望它使用的是這種我想要的方式，是一個內聯編輯元素 –

使用輸入代替span，並根據標誌禁用它。如果需要做一些CSS tweeks改變文本框視象跨度

<div class="col-md-3"><div class="add-details"><input type="text" [disabled]={{typeflag}}>LemonCandy, #78, IG Circle,</input><input type="text" [disabled]={{typeflag}}>JP Nagar Phase 1, Bangalore</input><input type="text" [disabled]={{typeflag}}>Karnataka, 560078</input></div></div><div class="col-md-2"><div class="id-details"> 
<input type="text" [disabled]={{typeflag}}>[email protected]</input><input type="text" [disabled]={{typeflag}}>[email protected]</input><input type="text" [disabled]={{typeflag}}><a (click)="editDetails()" title="Edit Details">Edit Details</a></input></div>

來源

2017-08-25 09:08:44

如何更改文本字段輸入元素角4

回答

相關問題