angularjs - 在带有 Angular 的 Internet Explorer 中，溢出-y 不能与 ng-if 一起使用

Question

我正在使用 Angular 1.2.16 并使用 IE 11 进行测试。

在我的应用程序的 settings.html 中，我有以下部分：

<section class='scrollable'> 
 <section class='hbox stretch'>
  <aside class="aside-md bg-white b-r" data-ng-controller='RecipientsCtrl'> 
   <div data-ng-if='inputMode'  data-ng-include="'partials/recipient-form.html'"/>
 </section>
</section>

其中“可滚动”类定义为：

.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
}

和收件人表格：

<div class="panel-body">
  <form name='rform' ng-submit='addRecipient(rform)' novalidate='novalidate' role="form">
    <label>Recipient's Name</label>
    <input type="text" class="form-control" ng-model='recipient.name' name="name" placeholder="Enter name" required='', data-mongoose-error=''/>
    ....
   <button type="submit" class="btn btn-sm btn-success">Add</button>
  </form>
</div>

单击按钮将控制器置于“输入模式”。这适用于 Chrome、Safari 和 Firefox。在 IE 中，当您单击按钮进入“inputMode”时，似乎没有任何反应，但是当您稍微调整窗口大小时，您会看到表单。

以下使其在 IE 中工作：

• 从该部分中删除“可滚动”类（不是我需要的选项）
• 直接显示表单而不使用 'inputMode' 条件（不是选项）

我也尝试了 ng-show 无济于事。

有任何想法吗？

谢谢。

Answer 1

更改 css 似乎已修复它：

.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100%;
}