Question

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

我曾尝试使用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;
    }

按钮应在当前页面上隐藏

Answer 1

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

path（[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”>text<md-button>

（从移动设备获取答案。格式可能不太好）

隐藏位于特定页面时的按钮

1 个答案: