如何在IONIC 2中擴大輸入字段

Question

我試圖弄清楚如何擴大一個輸入字段，以便它填充標題下方的整個頁面。

我想放大“突出顯示”部分以覆蓋頁面的其余部分。

---

代碼如下：

tagebuch.html：

[........]

    <ion-content>
            <ion-list>

                [........]

                <ion-item id="description">
                    <ion-label floating>Description</ion-label>
                    <ion-input type="text" [(ngModel)]="Eintrag"></ion-input>
                </ion-item>

            </ion-list>

            <button full ion-button class="iButton" (click)="saveEintrag()">Speichern</button> 

    </ion-content>

tagebuch.scss：

page-tagebuch-anlegen {

    #description{
        height: 80%;
    }
}

我不明白為什么這段代碼“什么也不做”，但是如果我用“ px”指定高度，它確實可以工作。

誰能告訴我，為什么這不起作用以及我該如何解決？

謝謝 ：）

Answer 1

您需要使用文本區域進行多行處理。

 <textarea name="Text1" cols="40" rows="5"></textarea> 

Answer 2

這是在此示例中對我有用的代碼：

<ion-item>
    <ion-label floating>Tagebucheintrag</ion-label>
    <!-- <ion-input type="text" [(ngModel)]="description" id="description"></ion-input> -->
    <ion-textarea name="description" cols="40" rows="5" id="description"></ion-textarea>
</ion-item>