【问题标题】:Display the value of selected menu item on a button angular在按钮角度显示所选菜单项的值
【发布时间】:2016-07-06 21:55:54
【问题描述】:

我被这个问题困住了,我有一个菜单项列表

<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>

以下是我想在按钮或标签上显示所选菜单项的值的代码,该标签应在选择菜单项后显示。 请帮我解决问题

【问题讨论】:

  • 没有 页面上多了一个组件比如
  • 我会在您的控制器函数中设置一个变量,然后将该变量用作按钮上的标签
  • 请您解释一下如何在按钮上使用该变量

标签: javascript angularjs


【解决方案1】:

在您的代码中,您调用 selectedFilter(menuItem) 函数。然后你可以在你的函数中添加这个:

$scope.selectedFilter = function(menuItem){
// your code here
$scope.myLabel = menuItem.name;
}

在您的 HTML 中:

<md-button>
    {{myLabel}}
</md-button>

【讨论】:

  • 我还有一个问题,我正在使用状态提供程序,我正在重新加载状态,您能否告诉我即使在重新加载后如何保存按钮的值 $state.go('abc',参数,{reload: true});
  • 您可以将该标签的值作为参数传递:&lt;a ui-sref="adcPage({myLabel: myLabel})"&gt;link&lt;/a&gt;
【解决方案2】:

可能md-button 指令创建了自己的范围,因此menuItem 不在此范围内。尝试$parent.menuItem 访问应该是ng-repeat 的范围的父范围。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-08-18
    • 1970-01-01
    • 2015-07-26
    • 1970-01-01
    • 1970-01-01
    • 2013-02-21
    • 2017-10-16
    相关资源
    最近更新 更多