时间戳

首页 > 解决方案 > 根据何时在特定页面上隐藏按钮

javascript - 根据何时在特定页面上隐藏按钮

问题描述

我想隐藏特定页面上的按钮。我怎样才能做到这一点？

我试过使用ng-show但没有用

html

<md-button id="btnReturn" class="md-raised md-primary"
           ng-click="onBackToMenuClicked()" ng-hide="onCrossWalkClicked()"> 
  {{'BTN_RETURN_lbl' | translate}}
</md-button>

JS

$scope.onCrossWalkClicked = function(){
    if ($location.path('url')){
        btnReturn.style.display === "none"
        return true;
    }

按钮应该隐藏在当前页面上

标签： javascriptangularjs

解决方案

虽然不是一个好的模式，但您没有正确使用 $location.path() 。

路径（[路径]）；

这个方法是getter/setter。

不带任何参数调用时返回当前 URL 的路径。

使用参数调用时更改路径并返回 $location。

您在 if 语句中包含一个参数，因此您正在设置路径。您想检查 url 路径是否等于特定路径，如下所示。

if($location.path() === “/url”){
     // do something 
}

更常见的方法是将 $location.path() 比较分配给范围变量以在 ng-hide 或 ng-show 中使用。

//In your controller 
if ($location.path() === “/url”){
     $scope.hideButton = true;
} else {
     $scope.hideButton = false;
}

// in template 
<md-button ng-hide=“hideButton”&gt;text<md-button>

（从手机回答。格式可能不是很好）

推荐阅读