當模板中的數組值為空或長度=== 0時，如何顯示輸入框？

Question

我正在顯示基於用戶在inputbox中輸入的值，因此它是數組數組的格式，我的意思是數組內的數組，例如（['str'，[]]因此，我循環了我的component.html文件，並在輸入框因此，我的問題是數組值是否為空，所以我需要顯示沒有發生這種情況的空輸入框。如何保持選中狀態，以便如果值也為空，我也可以顯示輸入框

            <div class="row">
              <span class="col-2 align-self-center firstletter">{{ a[0] }}</span>
              <div class="col-4"><label for="startTime">Start Time
                  <span class="red-star">*</span>
                </label></div>
              <div class="col-4"><label for="endTime">End Time
                  <span class="red-star">*</span>
                </label></div>
            </div>
              <div class ="test" *ngIf="a[1].length == 0">
                <p>No opening hours</p>
              </div>
            <div class="row" *ngFor="let m of a[1]; let j = index">
                <span class="col-2 align-self-center"></span>
              <div class="col-4">
                <input type="text" name="startTime" 
                  class="form-control cust-input-class form-control-sm mt-1 col-10 d-inline" [value]="m[0] === undefined ? '': m[0] "
                  (change)="onStartChangeValue($event.target.value,m, m[0])" /> 
                <!-- [ngModel]="m?.startTime" -->
              </div>
              <div class="col-4">
                <input type="text" name="endTime"
                  class="form-control cust-input-class form-control-sm mt-1 col-10 d-inline" [value]="m[1] ===  undefined ? '':m[1]"
                  (change)="onEndChangeValue($event.target.value,m, m[1])" />
                <!-- [ngModel]= "m?.endTime" (ngModelChange)="m.endTime = $event"  -->
              </div>
              <div class="col-2 align-self-center" *ngIf="j == 0">
                <span class="add-item-icon" (click)="o2editaddTime(k)"></span>
              </div>
              <div class="col-2 align-self-center" *ngIf="j > 0">
                <span class="remove-item-icon" (click)="o2editremoveTime(k, j)"></span>
              </div>
            </div>
            <!-- </div> -->
          </div>

        </div>

Answer 1

您可以將兩個輸入框置於相反的狀態

<input type="text" name="hey" *ngIf="array.array">{{ Any thing }}
<input type="text" name="hey" *ngIf="!array.arrayy" >