Angular 2 Material Design

我正在學習Angular 2，我遇到了很多問題，我無法在互聯網上找到任何東西。所以，我嘗試了簡單的方法：在我的應用程序中創建一個表單，所以我使用Material Design，但是我的輸入很糟糕，沒有像Material Design Doc中的內容。這裏如此圖片： enter image description here Angular 2 Material Design

所以你可以看到我的輸入不顯示，佔位符在它下面。

下面的代碼：

<form > 
 
    <md-input-container> 
 
     <input mdInput type="email" placeholder="Email" > 
 
    </md-input-container> 
 
    <md-input-container> 
 
     <input mdInput type="password" placeholder="Mot de passe" > 
 
    </md-input-container> 
 
    
 
    <button md-button type="submit" >Se connecter</button> 
 
    </form>

我錯過了什麼？非常感謝。

Elisa的

來源

2017-07-08 Elisa

您沒有安裝材料的主題，請按照入門指南：https://material.angular.io/guide/getting-started – Ploppy

材料主題是強制性的？ – Elisa

是的，它是必需的。請按照入門指南進行操作。一切都解釋爲開始使用Angular Material。 – Ploppy

您將主題添加到您的app.component.css而不是全球style.css文件。

有關主題化的更多信息可以在這裏找到：https://material.angular.io/guide/theming

來源

2017-07-08 14:00:28 Ploppy

謝謝你的回答，它現在正在工作。 – Elisa

確保起步步驟之後和
@NgModule({ ... imports: [MdInputModule], ... }) 被角模塊中添加

讓我知道如果你需要任何幫助。

來源

2017-07-08 13:58:35

謝謝你的支持。有人幫助我，我忘了包括主題。 – Elisa

沒問題，我最近在Material Design上做過項目，如果你需要其他話題的幫助，請給我打個招呼。 –

非常感謝你。 – Elisa

Angular 2 Material Design

回答

相關問題