在“编辑”按钮上单击我在 Angular 6 应用程序中获得 DOB 字段的重复文本框答案

【问题标题】：On Edit button click i am getting duplicate textbox for DOB field in my Angular 6 application在“编辑”按钮上单击我在 Angular 6 应用程序中获得 DOB 字段的重复文本框
【发布时间】：2020-01-07 15:09:58
【问题描述】：

我在模态页面中单击编辑按钮时遇到问题，一旦成功提交记录，我就会看到这个问题，有人可以查看我的代码并让我知道解决这个问题的问题。

 <div class="col-3">
          <input class="form-control" type="search" name="DateOfBirth" [(ngModel)]="hldr.DateOfBirth" [hidden]="selRowData.actionmode==='ADD'"
            disabled>
          <div class="input-group" daterangepicker [options]="singlePicker" (selected)="singleSelect($event,hldr,'DateOfBirth')" [hidden]="selRowData.actionmode==='VIEW'">
            <input class="form-control" type="search" name="DateOfBirth" [(ngModel)]="hldr.DateOfBirth" maxlength="10">
            <div class="input-group-append" style="cursor:pointer">
              <div class="input-group-text">
                <i class="fa fa-calendar"></i>
              </div>
            </div>
          </div>
        </div>

CSS

.input-group {
   margin-bottom: 0px !important;
}

【问题讨论】：

陈你在stackbiltz分享它
我是新手，如果您不介意可以在这里告诉我吗？
在此处添加您的代码：stackblitz.com/edit/angular-xssnqq
转到stackblitz.com并单击Angular工作区，然后在那里添加所需的代码

标签： html css angular

【解决方案1】：

很容易发现问题，由于信息不完整，很难分享解决方案。

[hidden]="selRowData.actionmode==='ADD'"

[hidden]="selRowData.actionmode==='VIEW'"

当你的组件被启动时，动作模式有一个值和它最有可能的视图。

您的问题是编辑后，既不是视图也不是添加。

【讨论】：