我试图使用ng-hide来防止返回按钮在主页上显示
Angular JS and Bootstrap 3 I am trying to use ng-hide to prevent a back button from displaying on homepage
我试图使用ng-hide在网站主页的顶部导航栏中不显示后退按钮。下面是用于按钮的html:
<button type="button" class="navbar-back my-hidden-sm my-hidden-md my-hidden-lg" ng- hide="false" ng-click="back()"><span class="glyphicon glyphicon-arrow-left"></span>
</button>
在控制器中,我尝试将false定义为:
$scope.showBackButton = function() {
if ($location.path() === '/') {
return false;
} else {
return true;
}
};
由于某些原因,后退按钮仍然在主页和其他页面上显示。这也可能是Bootstrap 3的冲突风格,但我想在这里问一下是否有人有任何想法。我对Angular JS和JS都很陌生但昨天有人帮我了但我们还是无法让它不显示在我们定义的主页上
$scope.homeLandingPage = '/';
if ($scope.buyer) {
$scope.homeLandingPage = '/buyerhome';
} else if ($scope.seller) {
$scope.homeLandingPage = '/sellerhome';
}
谢谢你的建议!我确实遇到过一些东西说,如果Bootstrap 3有一些样式显示:块,它可能会与ng-hide冲突,但我找不到代码中做的任何东西,除了
div {
display: block;
}
在Chrome开发工具中显示为用户代理样式表
谢谢你,
特雷福
你试过了吗:
<button type="button" class="navbar-back my-hidden-sm my-hidden-md my-hidden-lg" ng-hide="showBackButton()" ng-click="back()"><span class="glyphicon glyphicon-arrow-left"></span>
</button>
编辑:
在您的showBackButton
函数中添加console.log
,并验证$location.path()是您所期望的(在本例中为'/'),以及该函数是否被首先调用。
$scope.showBackButton = function() {
console.log($location.path());
if ($location.path() === '/') {
return false;
} else {
return true;
}
};
您应该使用ng-hide="true"
或ng-show="false"
隐藏您的按钮。如果你设置了ng-hide="false"
按钮仍然是可见的,因为你有双重否定。
你可以使用ng-show="showBackButton()"
相关文章:
- 如何在Facebook上的iframe应用程序中使后退按钮返回到上一页
- 输入类型按钮返回历史记录并返回顶部
- '返回'浏览器按钮返回白色页面
- Aurelia绑定-点击按钮返回查看模型
- Facebook共享按钮返回空网址
- PHP-根据用户单击的按钮返回true或false
- 根据在弹出窗口中单击的按钮返回 true 或 false
- 单选按钮返回到上一个选择
- 使用 HTML 中的提交按钮返回信息
- Javascript 强制浏览器后退按钮返回 2 页
- JQuery 移动版 - 链接到外部站点,无法使用浏览器后退按钮返回页面
- 在 IONIC 中的安卓设备上禁用按钮返回
- JQUERY 按钮返回到索引元素
- 带有框架的浏览器中的按钮返回(历史记录转发不起作用)
- 单击任意菜单按钮返回一个寻呼机并向下滚动到位置
- 如果在按 jqgrid 中的保存操作按钮返回错误,如何保持内联添加
- 响应元素显示:无;在移动宽度,然后通过javascript按钮返回,但显示的链接断开:block;
- javascript单选按钮返回以前的检查值
- 可以't覆盖Paypal“立即购买”按钮返回url
- 如何在fancybox中点击关闭按钮返回确认