javascript - ionic 没有正确加载元素？

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(示例附带的):

.登录{

这是我的样子:

Answer 1

您缺少 <ion-view></ion-view>在你的 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>