角度2のmd入力を使用した場合のダブルライン

Question

角度2の素材からmd-input指令を使用しようとしていますが、奇妙なエラーが発生しています。私は指示に正確に従います。but I keep getting something that looks like this.プレースホルダの下の二重線の原因はわかりません。私はGithub問題 を検索し、何も見つけませんでした。コードは次のようになります。

<div class="curtain"></div> 
    <md-card class="z-depth-4"> 
    <md-card-title> 
     Login 
    </md-card-title> 
    <md-card-content class="center"> 
<md-input-container> 
    <input md-input 
    placeholder="Account Number" 
    [(ngModel)]="accountNumber"/> 
</md-input-container> 
    <br> 
<md-input-container> 
    <input md-input 
    placeholder="Username" 
    [(ngModel)]="username"/> 
</md-input-container> 
    <br> 
<md-input-container> 
    <input md-input 
    placeholder="Password" 
    type="password" 
    [(ngModel)]="password"/> 
    </md-input-container> 
</md-card-content> 
<md-card-actions> 
    <button class="btn-flat blue-text btn-large right">Login</button> 
    </md-card-actions> 
</md-card> 

私がこれで得ることができる助けは幻想的です。ありがとうございました！

Answer 1

あなたのindex.htmlには、角度のある素材スタイルシートが複数ある場合があります。

あなたはこれらのみ持っていることを確認してください：私は今までどのような材料での経験がない

link href="https://unpkg.com/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet" 
link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" (tag symbols excluded in comment)