Question

我正在开发Ionic App并且我不知道为什么列表项目不可见，为什么它在标题选项卡下？

Here is the link of code.

https://jsfiddle.net/jneypysb/

Answer 1

我使用了<ion-header-bar>和<ion-content> has-header类，我解决了。

因为您声明了<body ng-app="Hungroo">，所以必须定义这些模块。

它遵循一个完整的例子：

angular.module('Hungroo', ['ionic']);

<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <link href="http://code.ionicframework.com/nightly/css/ionic.min.css" rel="stylesheet">
  <script src="http://code.ionicframework.com/nightly/js/ionic.bundle.min.js"></script>
</head>

<body ng-app="Hungroo">
  <ion-header-bar class="bar bar-header bar-royal">
    <button class="button button-icon icon ion-navicon"></button>
    <div class="h1 title">title</div>
    <button class="button button-icon icon ion-settings"></button>
  </ion-header-bar>
  <ion-content class="has-header">
    <div class="padding">
      <div class="list">
        <label class="item item-input item-select">
          <div class="input-label">
            First Things First!
          </div>
          <select>
            <option>one</option>
            <option>two</option>
            <option>three</option>
            <option>four</option>
          </select>
        </label>
      </div>
    </div>
  </ion-content>
</body>

</html>

为什么列表项位于标题选项卡下？

1 个答案: