如何在特定页面上显示按钮

Question

如何在角度显示特定网址的按钮？

<button class="abc" ng-model="btn1">hide</button> 

如果我想在特定页面上显示此按钮怎么做？

Answer 1

我通常使用NG-IF或NG-显示此

<button ng-if="showMe" class="abc" ng-model="btn1">hide</button> 

在控制器或指令，你会设置

$scope.showMe = true/false 

取决于哪个URL许可证显示此按钮。

Answer 2

假设你正在使用角的默认路由器，你可以试试这个：

查看：

<button ng-if="showButton" class="abc" ng-model="btn1">hide</button> 

控制器：

$scope.showbutton = $location.url()==='your/url'; 

您还可以使用$location.path()如果它是一个更好的适合您的需求。我会让你看看文档：https://docs.angularjs.org/api/ng/service/ $ location

如果你使用ui-router，你可以直接检查HTML中的状态。举个例子，你可以看看这个答案：https://stackoverflow.com/a/27578532/2660180

Answer 3

使用角度$location服务。它解析浏览器地址栏中的URL（基于window.location），并使URL可用于您的应用程序。

的方法，你可以用它来获得当前网页的网址：

absUrl()：它会返回完整的URL

例子：

// given URL http://example.com/#/some/path?foo=bar&baz=xoxo 
var absUrl = $location.absUrl(); 
// => "http://example.com/#/some/path?foo=bar&baz=xoxo" 

path()：电流返回路径没有任何参数时调用URL。

例子：

// given URL http://example.com/#/some/path?foo=bar&baz=xoxo 
var path = $location.path(); 
// => "/some/path" 

因此，你可以尝试这样的：

控制器：

$scope.path = $location.path(); 

HTML：

<div ng-hide="path === '/pathname'"> 
    <button class="abc" ng-model="btn1">hide</button> 
</div>