AngularJS材质侧边栏元素不一致

Question

我在ui-router视图中遇到了侧边栏的两个问题。

您可以查看现场演示：

1. 侧边栏未填充垂直屏幕布局。

   

2. 单击文本（按钮）时，单击该按钮即可正常工作。

   

代码

<section layout="row" flex>
<md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')">
    <md-content layout-padding>
        <md-list>
            <md-list-item md-ink-ripple>
                <a class="md-button" href="/contact">
                    Contact
            </a>
            </md-list-item>
        </md-list>
    </md-content>
</md-sidenav>
<md-content layout="column" flex class="md-padding" ui-view>
</md-content>

完整代码：https://github.com/drog/Starter-project/blob/master/src/client/app/navbar/navbar.html

Answer 1

我用下一个代码解决了问题二

<md-list>
        <div ui-sref="contact">
            <md-list-item md-ink-ripple>
                    Contact
            </md-list-item>
        </div>
    </md-list>

来源：https://github.com/angular/material/issues/2131#issuecomment-113938582