Question

我正在构建一个离子2应用程序，我目前正在创建一个表。该表由以下人员构建：

<ion-item>
    <ion-row>
          <ion-col width-80>
                {{ ingredient.name}}
          </ion-col>
          <ion-col width-20>
                <ion-input type="text" [(ngModel)]="ingredient.id"></ion-input>
           </ion-col>
      </ion-row>
</ion-item>

这只是一个片段，实际上，这部分实际上是在* ngFor中。问题来自整行变为非渲染。当我查看Chrome开发工具时，它不会显示该行。一旦我将它从离子排中取出，它就会正确显示。甚至将div-row和ion-col替换为具有样式宽度和浮点数的div ...同样的问题也出现了。

这是一个类似的问题：ionic 2 ion-inputs inside list但是解决方案对我来说不可行，因为我需要使用ion-option-buttons，这意味着我无法用div替换ion-item。最后，一个解决方法是只使用常规输入，虽然这在风格上有效，但是当我在手机上构建项目时它表现不佳。事实上，当点击离子输入时，键盘打开很好，关闭很好。但是通过常规输入，它会导致我的屏幕在打开时部分跳跃...并且在关闭时非常明显，这就是我需要离子输入的原因。我实际上有定期输入，然后发现这个跳跃问题，我现在正试图解决这个离子输入问题。

有人对如何解决此问题有任何建议或想法吗？我真的很感激任何帮助。

- 编辑

以下是展示此问题的视频的链接： https://youtu.be/C0_yeK2sGG8

离子2离子输入（视频示例）

0 个答案: