离子不能正确加载元素？

Question

我现在正在使用Ionic开发一个简单的登录页面，但由于某种原因，头文件的代码无法正常工作 - 错误的对齐方式和字体大小 - 也没有输入表单的代码 - 它们应该是完全宽度，当我完全按照任何示例使用堆叠标签时，而不是输入区域顶部的标签，它们将位于输入区域的左侧。

这是我正在使用的代码：

<script src="cordova.js"></script> 
<div class="bar bar-header bar-light"> 
    <h1 class="title">Login</h1> 
</div> 

<ion-content class="login"> 
    <div class="list"> 
     <label class="item item-input"> 
      <input type="text" placeholder="username" ng-model="data.username"> 
     </label> 
     <label class="item item-input"> 
      <input type="password" placeholder="password" ng-model="data.password"> 
     </label> 
    </div> 
    <button type="submit" class="button-full button-positive" ng-click="login()">Login</button> 
</ion-content> 

这是.scss（其附带的示例）：

的.login {

}

这它是如何找到我的：

Answer 1

您在您的HTML中缺少​​。它应该是这样的在你的情况下：

<ion-view view-title="Login" name="login-view"> 
    <ion-content class="login"> 
    <div class="list"> 
     <label class="item item-input"> 
     <input type="text" placeholder="username" ng-model="data.username"> 
     </label> 
     <label class="item item-input"> 
     <input type="password" placeholder="password" ng-model="data.password"> 
     </label> 
    </div> 
    <button type="submit" class="button-full button-positive" ng-click="login()">Login</button> 
    </ion-content> 
</ion-view>