如何将Angular Material Sidenav与Content区域连接起来

时间:2015-12-21 15:15:40

标签: javascript angularjs angular-material

我有以下内容(Jade不是HTML,但如果需要我可以移植):

md-sidenav.md-sidenav-left(md-is-locked-open="ctrl.sidebarOpen()", md-is-open="ctrl.sidebarOpen()")
  md-toolbar
    .fa.fa-chevron-right(ng-click="close()", x-type-id="load-search")
  md-list
    md-list-item(ng-repeat="section in ctrl.sections", ng-click="ctrl.dashboardClicked(section.name)", x-type-id="{{section.id}}")
      span {{section.value}}
md-content.body#scroll-area(flex, layout-padding, layout="column")
  df-section-1
  df-section-2
  df-section-3

这似乎给了我正在寻找的那种格式,但是,我不确定如何将内容的滚动位置与侧面导航上的焦点相匹配。

例如,如果所有部分都是一个页面,我希望第一个侧面导航列表项突出显示(聚焦)。当我们在第二页,第二页,等等。

更新

因为在另一篇文章中提到过,这是在一个指令中,所以我可以为范围或控制器赋值。

我该怎么做?

0 个答案:

没有答案