在按钮角度上显示所选菜单项的值
Display the value of selected menu item on a button angular
我被困在这个问题上,我有一个菜单项列表
<md-menu-item ng-value="menuItem.value" ng-repeat="menuItem in filtermenu.menuItems" ng-click="activeFilterCtrl.selectedfilter(menuItem)" translate>
<md-button>
{{ menuItem.name }}
</md-button>
</md-menu-item>
以下是我想在按钮或标签上显示所选菜单项的值的代码,该标签应在选择菜单项后显示。请帮我解决问题
在代码中调用 selectedFilter(menuItem) 函数。然后,您可以在函数中添加以下内容:
$scope.selectedFilter = function(menuItem){
// your code here
$scope.myLabel = menuItem.name;
}
在您的 HTML 中:
<md-button>
{{myLabel}}
</md-button>
可能 md-button
指令创建了自己的作用域,因此menuItem
不在此作用域中存在。尝试$parent.menuItem
访问父范围,该范围应该是ng-repeat
的范围。
相关文章:
- 如何使活动菜单项具有突出显示样式
- 在上下文菜单项单击上显示侧边栏/弹出窗口的最佳方法是什么
- 突出显示菜单项及其子菜单项
- 在表格最后一行(链接)中显示菜单,并在单击菜单项时显示模式窗口
- 如何使用隐藏菜单项直到单击的 javascript 显示第一个菜单项内容
- 单击一个菜单项时显示隐藏字段 - 高级自定义字段转发器
- 带有附加下拉列表的角度菜单项根本不显示
- jQuery保持活动菜单项高亮显示
- 确定菜单项是否溢出,然后显示移动菜单
- 如何显示菜单项边框,即使文档正在重新加载
- 如何保持菜单下拉菜单显示,导航菜单项和下拉菜单项并关闭'close'按钮
- js标签显示所有菜单项的最后一个条目的标签
- 单击菜单项时显示导航下拉菜单
- 垂直下拉菜单显示子菜单,当单击另一个菜单项时关闭前一个菜单项
- 如何创建在单击菜单项时显示的框
- 当我滚动到每个有缺陷的部分时,菜单项得到突出显示
- 如何在D3 Js上下文菜单项旁边显示图像
- 鼠标在菜单项上的引导程序下拉菜单应在右侧显示编辑/删除图标
- 如何在单击相应菜单项时显示/隐藏一部分内容,同时隐藏所有其他内容
- 在按钮角度上显示所选菜单项的值