如何更改文本字段输入元素角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

回答

相关问题