【问题标题】:Can I add a submenu to a md-tooltip?我可以在 md 工具提示中添加子菜单吗?
【发布时间】:2017-06-28 15:25:57
【问题描述】:

我有一个侧边栏的 md-tooltip,但我希望能够单击它并有一个子菜单选项。例如,如果在我的个人资料菜单中有一个子菜单联系人,当我将鼠标悬停在菜单图标上时,我希望能够访问联系人,我会在右侧看到我的工具提示然后转到它,它会保留并且不会立即消失然后有一个链接到工具提示。

</ul>
  <md-tooltip class="navbar-tooltip" md-direction="right">
    <div>
      <span translate="{{route.label}}"></span>
    </div>
  </md-tooltip>
</li>

到目前为止看起来像这样。我的问题是,使用 Angular 时甚至可能吗?

【问题讨论】:

  • 工具提示仅用于显示提示或提示。对于菜单检查这个material.angularjs.org/latest/demo/menuBar
  • 但是我希望我的菜单看起来像一个工具提示,我的意思是当你将鼠标悬停在一个图标或按钮上时,它会显示而不点击。

标签: javascript angularjs tooltip angular-material


【解决方案1】:

您需要添加 md-menu-bar 并在 on-mouseover 事件上调用 $mdOpenMenu($event)

查看Fiddle

您使用以下函数的目标行为

<md-button ng-mouseover="$mdOpenMenu($event)">

有关详细选项,请查看DemoDocs for md-menu-bar

希望这会有所帮助!

【讨论】:

  • 我已经通过使用 ng-if 指令并在结构中添加更多 div 来做到这一点
  • 不过这对下一个场合也很有用
猜你喜欢
  • 1970-01-01
  • 2015-10-12
  • 1970-01-01
  • 2011-06-08
  • 2019-08-14
  • 2021-09-27
  • 1970-01-01
  • 2017-06-03
相关资源
最近更新 更多