升级角材料打破了MD输入换行符

Question

我在运行旧材料版本时有这种日志。 我决定升级以利用这些新功能。

更新后，形式打破这样的代替示出在不同的行的输入，它们被示出在下面的同一行：

THE UPDATE

前的更新后

这是代码：

<div class="form-container"> 
      <form class="form-horizontal" action="javascript:;"> 

       <md-input-container md-no-float> 
        <label>Email</label> 
        <input type="email" placeholder="Enter your email" ng-model="email" required> 
       </md-input-container>  

       <md-input-container> 
        <label>Password</label> 
        <input type="password" placeholder="Type your password" ng-model="password" required> 
       </md-input-container> 
    </form> 

</div> 

什么可能是错误的？

Answer 1

只需使用class="md-block"在md-input-container秒 - CodePen

标记

<div ng-controller="AppCtrl" ng-cloak="" ng-app="MyApp"> 
    <div class="form-container"> 
    <form class="form-horizontal" action="javascript:;"> 

     <md-input-container md-no-float class="md-block"> 
     <label>Email</label> 
     <input type="email" placeholder="Enter your email" ng-model="email" required> 
     </md-input-container>  

     <md-input-container class="md-block"> 
     <label>Password</label> 
     <input type="password" placeholder="Type your password" ng-model="password" required> 
     </md-input-container> 
    </form> 
    </div> 
</div> 

编辑：上述方法是正确的角料的方式，但如果你想减少两个输入之间的差距只是使用一点CSS - CodePen

标记

<md-input-container class="md-block" id="password"> 

CSS

#password { 
    margin-top: -10px 
}