我正在构建一个离子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替换ion-row和ion-col ......也会出现同样的问题 .

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

有没有人对如何解决这个问题有任何建议或想法？我真的很感激任何帮助 .

  • EDIT

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

angular ionic-framework html-input