javascript - AngularJS Material 侧边栏元素不一致

Question

我在 ui-router View 中的侧边栏有两个问题。

您可以查看现场演示:

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