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

Question

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

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

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

Answer 1

我通常会使用ng-if或ng-show

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

在控制器或指令中设置

$scope.showMe = true/false

取决于哪个网址允许显示此按钮。

Answer 2

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

查看：

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

控制器：

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

如果$location.path()更适合您的需求，也可以使用import numpy as np x = np.random.rand(20) b = x > 0.7 print(b) print(x[b]) 。我将让您查看文档：{​​{3}} $ location

如果您正在使用ui-router，您可以直接检查HTML中的状态。您可以查看此答案以获取示例：https://docs.angularjs.org/api/ng/service/

Answer 3

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

可用于获取当前页面网址的方法：

absUrl() ：它将返回完整的网址

示例：

// 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() ：在没有任何参数的情况下调用时返回当前网址的路径。

示例：

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