angularjs - 如何制作 Angular Material + UI Router View 切换器？

Question

在带有 AngularJS 的单页 Web 应用程序中和 UI Router ，我想做一个Angular Material <a href="https://material.angularjs.org/HEAD/#/api/material.components.select/directive/mdSelect" rel="noreferrer noopener nofollow"><md-select></a>它将在多个 View 之间切换(又名 ui-router“状态”)。

• 在 this plunker我可以使用简单的 <select> 来实现这一点与 ng-options ，没有 Angular Material 。请注意 <select> 的选定选项是如何进行的与浏览到的位置匹配。
• 在 this other plunker从上面的 Angular Material fork 出来的，事情并没有那么好 ☹ 浏览(初始页面加载或 URL 单击)时 <md-select>未设置为初始位置/状态 <md-option> .

有什么想法吗？

Answer 1

将 md-option 的 value 字段更改为状态对象，而不仅仅是名称(使用 ng-value)解决了问题:

<md-option ng-repeat="state in ctrl.$state.get()" ng-value="state">{{ state.name }}</md-option>

Updated plunker