Javascript 离子离子视图标题未显示

我对爱奥尼亚公司比较陌生，我正在尝试创建一个简单的登录页面。然而，当我把它不会显示标题栏。有人知道我做错了什么吗

<ion-view view-title="Sign-In">
      <ion-content>
          <div class="list">
              <label class="item item-input">
                  <span class="input-label">Username</span>
                  <input type="text" ng-model="user.username">
              </label>
              <label class="item item-input">
                  <span class="input-label">Password</span>
                  <input type="password" ng-model="user.password">
              </label>
          </div>
          <div class="padding">
              <button class="button button-block button-positive" ng-       click="signIn(user)">
                  Sign-In
              </button>
              <p class="text-center">
                  <a href="#/forgot-password">Forgot password</a>
              </p>
          </div>
      </ion-content>
   </ion-view>

用户名
密码
登录

您尚未为标题编写html。您需要添加一个带有

class=“bar header”

的div来显示标题

  <ion-view view-title="Sign-In">
      <div class="bar bar-header bar-light">
          <h1 class="title">Header</h1>
      </div>
      <ion-content class="has-header">
          <div class="list">
              <label class="item item-input">
                  <span class="input-label">Username</span>
                  <input type="text" ng-model="user.username">
              </label>
              <label class="item item-input">
                  <span class="input-label">Password</span>
                  <input type="password" ng-model="user.password">
              </label>
          </div>
          <div class="padding">
              <button class="button button-block button-positive" ng-click="signIn(user)">
                  Sign-In
              </button>
              <p class="text-center">
                  <a href="#/forgot-password">Forgot password</a>
              </p>
          </div>
      </ion-content>
   </ion-view>

标题
用户名
密码
登录

这是一张工作票