如何删除当前点击的html div标签angular 4
如何删除当前点击的html div标签angular 4
提问于 2018-05-28 19:57:52
下面是我的div标签
removeObject(event) {
console.log(event);
console.log(event.target);
event.target.hidden = true;
//event.target.classList.add('class3');
}<div class="col" (click)="removeObject($event)">Rate Limit</div>
我想在单击时替换为文本框
回答 2
Stack Overflow用户
发布于 2018-05-28 20:17:05
像这样使用*ngIf。例如，您的组件中需要一个名为hidden的变量。
<div class="col" *ngIf="!hidden" (click)="removeObject($event)">Rate Limit</div>
<input name='limit' *ngIf="hidden">和您的ts方法
removeObject(event) {
console.log(event);
console.log(event.target);
this.hidden = !this.hidden;
}就像这样。如果您保存了输入的值或其他值，则可以再次将隐藏设置为false，div将显示或您需要的任何内容。
Stack Overflow用户
发布于 2018-05-28 20:19:32
您可以使用"contentEditable“属性在可编辑和不可编辑的div之间切换，而不是删除div并显示文本框。
这里不需要再维护一个文本框。
removeObject(event) {
console.log(event);
console.log(event.target);
event.target.contentEditable= !event.target.contentEditable;
//event.target.classList.add('class3');
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50565922
复制相关文章
相似问题