在Onsen UI / Phonegap

Question

如果删除页面中的所有文本区域字段，则转换是平滑的，否则在转换结束时会闪烁。 Onsen 1.3.0 / Monaca IDE。

有什么想法吗？

<ons-list modifier="inset" style="margin-top: 10px">
    <ons-list-item class="item">
      <ons-row>
        <ons-col width="35px"> 
          <label class="checkbox item-title" ng-click="save($index, false)" style="padding-left:2px;">
            <input type="checkbox" ng-model="project.done">
            <div class="checkbox__checkmark checkbox--list-item__checkmark" style="margin-top: 0;"></div>
          </label>
        </ons-col>
        <ons-col>
          <header style="padding-top: 10px; padding-bottom:8px;">
            <textarea ng-model="project.title" ng-blur="save($index, false)" id="project-title" class="text-input text-input--transparent item-title" rows="1" placeholder="Title" style="line-height: 1.4em; font-size: 16px; width: 100%; padding: 0; padding-right: 10px;"></textarea>
          </header>
        </ons-col>
        <ons-col width="45px"> 
          <span class="item-label" style="padding-top:16px;"><ons-icon icon="ion-android-done-all" fixed-width="true" ng-style="{color: project.done  == 1 ? 'green' : 'grey'}" style="opacity:0.5;"></ons-icon> {{project.tasksDone}}/{{project.tasks.length}}</span>
        </ons-col>
      </ons-row>
      <ons-row>
        <ons-col width="35px"></ons-col>
        <ons-col>
            <textarea ng-model="project.description" ng-blur="save($index, false)" class="textarea textarea--transparent item-desc" placeholder="Description" style="width: 100%; padding-right: 10px; margin-bottom:15px;"></textarea>             
        </ons-col>
      </ons-row>
    </ons-list-item>
  </ons-list>

Answer 1

它最终成为我在所有导致闪烁的html文件中包含的body标记。必须从任何模板页面中排除body标签，但必须在index.html中排除。它现在很顺利。