輸入字段不可達 - 不能讀取的不確定

-1

<md-list-item *ngIf="passwortEditable" class="input-list-item"> 
      <md-icon md-list-icon>lock</md-icon> 
      <md-input-container class="margin-left-16"> 
       <input #inputAltesPasswort mdInput title="Aktuelles Passwort" type="password" placeholder="Aktuelles Passwort" 
        (keyup.enter)="savePasswort(inputAltesPasswort?.value, inputNeuesPasswort?.value, 
        inputPasswortWiederholung?.value)" (keyup.escape)="passwortEditable=false"> 
      </md-input-container> 
      </md-list-item> 
      <md-list-item *ngIf="passwortEditable" class="input-list-item"> 
      <md-icon md-list-icon>lock</md-icon> 
      <md-input-container class="margin-left-16"> 
       <input #inputNeuesPasswort mdInput title="Neues Passwort" type="password" placeholder="Neues Passwort" 
        (keyup.enter)="savePasswort(inputAltesPasswort?.value, inputNeuesPasswort?.value, 
        inputPasswortWiederholung?.value)" (keyup.escape)="passwortEditable=false"> 
      </md-input-container> 
      </md-list-item> 
      <md-list-item *ngIf="passwortEditable" class="input-list-item"> 
      <md-icon md-list-icon>lock</md-icon> 
      <md-input-container class="margin-left-16"> 
       <input #inputPasswortWiederholung mdInput title="Passwortwiederholung" type="password" placeholder="Neues Passwort wiederholen" 
        (keyup.enter)="savePasswort(inputAltesPasswort?.value, inputNeuesPasswort?.value, 
        inputPasswortWiederholung?.value)" (keyup.escape)="passwortEditable=false"> 
      </md-input-container> 
      </md-list-item> 
      <md-list-item *ngIf="passwortEditable"> 
      <button md-raised-button color="accent" (click)="savePasswort(inputAltesPasswort?.value, inputNeuesPasswort?.value, 
       inputPasswortWiederholung?.value)" class="margin-left-20">ÜBERNEHMEN</button> 
      <button md-raised-button (click)="passwortEditable=false" class="margin-left-20">ABBRECHEN</button> 
      </md-list-item>

在savePasswort功能我嘗試從三個輸入字段讀出值。當我在同一個md-list-item中擁有所有輸入字段時，這很有效。現在我將它們分成了每個樣本md-list-item（您如何看上面）。但是現在，角度無法訪問我的輸入字段。我認爲原因是，他們「隱藏」在不同的*ngIf之後。有解決方案來解決這個問題嗎？

來源

2017-09-05 Michael L.

總的來說，這看起來不太合適。你有多個重複的代碼來修復你的佈局（看起來）。 – Swoox

我不確定我可以如何簡化它。這是一個帶有當前密碼字段的密碼更改表單，新密碼重複輸入密碼 –

有一個簡單的解決方案。問題是確實使用了不同的* ngIf。當我將md-list-item包裝在一個受控制的div中時，它會起作用。

來源

2017-09-05 08:39:12

當所有輸入字段都可以包含在div中時，這將起作用。但是，如果不同的輸入字段在HTML結構中彼此不相鄰，那麼我能做什麼，以便它們不能被一個div包裝？ –

輸入字段不可達 - 不能讀取的不確定

回答

相關問題