ion-content scroll =“true”无法正常工作

时间:2016-01-15 14:23:58

标签: angularjs ionic-framework

问题:我有一个简单的添加项目表单,可以在视图中添加手机相册中的图片。出于某种原因,在添加ion-content scroll =“true”之后,页面仍然不允许滚动。

另外,我已将$ ionicScrollDelegate设置为在控制器中刷新。谢谢!

<ion-view title="Add Item">
  <ion-nav-bar class="bar-positive">
    <ion-nav-back-button class="button-clear">
      <i class="ion-arrow-left-c"></i> Back
    </ion-nav-back-button>
  </ion-nav-bar>
  <ion-content scroll="true">
    <!-- <ion-scroll direction="y" style="height: 800px;"> -->
      <ion-pane>
        <div class="row">
          <div class="col text-center">
            <button class="button button-calm" ng-click="getPhoto()"><i class="ion-camera"></i> Select Photo</button>
          </div>
        </div>
        <div class="list card" ng-show="item.pic">
          <div class="item">
            <img class="full-image" src="data:image/jpg;base64,{{item.pic}}">
          </div>
        </div>
        <form ng-submit="submitItem()" name="newItemForm" novalidate>
          <label class="item item-input">
            <span class="input-label" type="text">* Designer: </span>
            <input type="text" ng-model="item.designer" ng-required="true">
          </label>
          <label class="item item-input">
            <span class="input-label" type="text">* Type/Collection: </span>
            <input type="text" ng-model="item.collection" ng-required="true">
          </label>
          <p ng-show="newItemForm.item.collection.$error.required">Type/Collection Required</p>
          <label class="item item-input">
            <span class="input-label" type="text">* Color: </span>
            <input type="text" ng-model="item.color" ng-required="true">
          </label>
          <label class="item item-input">
            <span class="input-label" type="text">* Size: </span>
            <input type="text" ng-model="item.size" ng-required="true">
          </label>
          <label class="item item-input">
            <span class="input-label" type="text">Material: </span>
            <input type="text" ng-model="item.material">
          </label>
          <label class="item item-input">
            <span class="input-label" type="text">* Condition: </span>
            <input type="text" ng-model="item.condition" ng-required="true">
          </label>
          <label class="item item-input">
            <span class="input-label" type="text">* Description: </span>
            <textarea type="text" ng-model="item.description" ng-required="true"></textarea>
          </label>
          <p ng-show="newItemForm.$invalid" class="warning">*Items must be filled in to Add Item</p>
          <div class="row">
            <div class="col text-center">
              <button type="submit" class="button button-balanced" ng-disabled="newItemForm.$invalid"><i class="ion-plus"></i> Add Item</button>
            </div>
          </div>
        </form>
      </ion-pane>
    <!-- </ion-scroll> -->
  </ion-content>
</ion-view>

0 个答案:

没有答案