如何让 md-content 在表单中滚动?

How to get md-content to scroll within a form?

下面是我的应用程序中的屏幕布局。我无法让 md-content 滚动。相反,整个页面滚动。有什么建议吗?

`

<form name="myForm">
  <!-- Header Area-->
  <div>
   <label>Header</label>
   <md-button type="submit" ng-disabled="myForm.$invalid">Submit</md-button>
  </div>
  <!-- Content Area-->
  <md-content>
    <!-- Form fields-->
  </md-content>
</form>

`

我尝试将表单的溢出设置为隐藏,并将 md-content 的溢出明确设置为自动,但这没有帮助。

下面是我创建的 plunker,它演示了整个页面滚动而不是 md-content。

http://plnkr.co/edit/YWr30m2sTci7rdIbFFzM?p=preview

将表单元素更改为:<form name="myForm" flex layout="column" style="overflow: auto; height: 100%;">

似乎可以解决问题。

http://plnkr.co/edit/pKwFGmkJmhifdyqCg9aU?p=preview

Mike Feltman 的解决方案有效,但您真正需要的只是将 layout 属性(在您的情况下为 layout="column")应用到您的 form.

检查这个: http://plnkr.co/edit/BCtIw951qSnsHbyU69a6?p=preview