Modals、Popover 和 ion-select 未显示
Modals, Popover and ion-select not showing
我是 Ionic 4 的新手,我遇到了所有类型的弹出窗口都没有显示的问题,起初我以为只是我在模态框和弹出框的代码中做错了,但现在我意识到了甚至 ion-select 的弹出窗口也没有显示。如果需要,我可以 post 我所有的代码。如果有人知道解决方案那就太棒了。
.html 带有 ion-select 弹出窗口的页面未显示
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button default-href="../login"></ion-back-button>
</ion-buttons>
<ion-title>Registrieren</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-list>
<ion-item>
<ion-label>Anrede</ion-label>
<ion-select placeholder="Bitte wählen">
<ion-select-option value="Herr" >Mann</ion-select-option>
<ion-select-option value="Frau" >Frau</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
<ion-item>
<ion-label position="floating">Vorname:*</ion-label>
<ion-input ngModel name="first" [(ngModel)]= "registercreds.fName"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Nachname:*</ion-label>
<ion-input ngModel name="last" [(ngModel)]= "registercreds.lName"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Adresse:</ion-label>
<ion-input multiple ngModel name="strasse" [(ngModel)]= "registercreds.str" placeholder="Straße Hausmr.:"></ion-input>
<ion-input multiple ngModel name="plz" [(ngModel)]= "registercreds.plz" placeholder="PLZ:"></ion-input>
<ion-input multiple ngModel name="ort" [(ngModel)]= "registercreds.city" placeholder="Ort:"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Telefon:</ion-label>
<ion-input type="tel" ngModel name="tel" [(ngModel)]= "registercreds.tel" ></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Mobil:</ion-label>
<ion-input type="tel" ngModel name="mobile" [(ngModel)]= "registercreds.mobile"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Email:*</ion-label>
<ion-input type="email" ngModel name="email" [(ngModel)]= "registercreds.email"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Benutzername:*</ion-label>
<ion-input ngModel name="username" [(ngModel)]= "registercreds.username" ></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Passwort:*</ion-label>
<ion-input ngModel type="password" name="pw" [(ngModel)]= "registercreds.pw" ></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Passwort wiederholen:*</ion-label>
<ion-input ngModel type="password" name="samepw" [(ngModel)]= "registercreds.samepw" ></ion-input>
</ion-item>
<ion-button type="submit" expand="block" color="danger" (click)="register()">Registrieren</ion-button>
<ion-button expand="block" color="danger" (click)="backButton()">Back</ion-button>
</ion-content>
您应该post 导致错误的代码。发生这种情况的原因可能有多种,对于任何试图回答您问题的人来说都很难理解。在这里阅读更多:How to ask a question?
我在 app.components.html 中犯了一个错误,现在我的基本代码一切正常。
我是 Ionic 4 的新手,我遇到了所有类型的弹出窗口都没有显示的问题,起初我以为只是我在模态框和弹出框的代码中做错了,但现在我意识到了甚至 ion-select 的弹出窗口也没有显示。如果需要,我可以 post 我所有的代码。如果有人知道解决方案那就太棒了。
.html 带有 ion-select 弹出窗口的页面未显示
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button default-href="../login"></ion-back-button>
</ion-buttons>
<ion-title>Registrieren</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-list>
<ion-item>
<ion-label>Anrede</ion-label>
<ion-select placeholder="Bitte wählen">
<ion-select-option value="Herr" >Mann</ion-select-option>
<ion-select-option value="Frau" >Frau</ion-select-option>
</ion-select>
</ion-item>
</ion-list>
<ion-item>
<ion-label position="floating">Vorname:*</ion-label>
<ion-input ngModel name="first" [(ngModel)]= "registercreds.fName"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Nachname:*</ion-label>
<ion-input ngModel name="last" [(ngModel)]= "registercreds.lName"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Adresse:</ion-label>
<ion-input multiple ngModel name="strasse" [(ngModel)]= "registercreds.str" placeholder="Straße Hausmr.:"></ion-input>
<ion-input multiple ngModel name="plz" [(ngModel)]= "registercreds.plz" placeholder="PLZ:"></ion-input>
<ion-input multiple ngModel name="ort" [(ngModel)]= "registercreds.city" placeholder="Ort:"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Telefon:</ion-label>
<ion-input type="tel" ngModel name="tel" [(ngModel)]= "registercreds.tel" ></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Mobil:</ion-label>
<ion-input type="tel" ngModel name="mobile" [(ngModel)]= "registercreds.mobile"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Email:*</ion-label>
<ion-input type="email" ngModel name="email" [(ngModel)]= "registercreds.email"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Benutzername:*</ion-label>
<ion-input ngModel name="username" [(ngModel)]= "registercreds.username" ></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Passwort:*</ion-label>
<ion-input ngModel type="password" name="pw" [(ngModel)]= "registercreds.pw" ></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Passwort wiederholen:*</ion-label>
<ion-input ngModel type="password" name="samepw" [(ngModel)]= "registercreds.samepw" ></ion-input>
</ion-item>
<ion-button type="submit" expand="block" color="danger" (click)="register()">Registrieren</ion-button>
<ion-button expand="block" color="danger" (click)="backButton()">Back</ion-button>
</ion-content>
您应该post 导致错误的代码。发生这种情况的原因可能有多种,对于任何试图回答您问题的人来说都很难理解。在这里阅读更多:How to ask a question?
我在 app.components.html 中犯了一个错误,现在我的基本代码一切正常。