AngularJS material 侧边栏元素不一致

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