【问题标题】:How to hide AngularJS snap menu in only specific pages如何仅在特定页面中隐藏 AngularJS 快照菜单
【发布时间】:2018-12-11 10:52:43
【问题描述】:

我正在使用 snapjs 向我的移动 Web 视图应用程序添加一个漂亮的菜单,但我需要在某些页面(如登录或注册)中隐藏(或避免拖动)菜单。我试过ng-if 并且它有效,但我有一个奇怪的问题。我的登录/注册页面如下所示; .
如何删除空格?
我的 HTML(index.html);

  <div class="all-elements">

<sidenav ng-if="isSideDrawerVisible" ></sidenav>
...
...

我的角码(app.js);

if("/login" === path){
    $scope.isSideDrawerVisible = false;
}else{
    $scope.isSideDrawerVisible = true;
}

注意:我的控制台没有显示任何错误。

【问题讨论】:

  • 尝试使用$rootScope 而不是$scope
  • 试过但没有运气。我还尝试通过以下链接禁用库的拖动选项:github.com/jakiestfu/Snap.js/#disable-disables-sliding-events 但没有奏效。
  • 你能告诉我我的答案是否对你有用吗,请同时阅读我的​​后续说明。
  • 对我不起作用(或者我无法正确使用它。我是角度新手)。我可以使用data-snap-ignore='true' 属性加载或卸载。

标签: javascript html angularjs snap.js


【解决方案1】:

ng-hide="$location.path() = urlYouDontWantItToShowIn"

【讨论】:

  • 是的,ng-hide 将隐藏它所在的任何标签,URL 将是参数
  • 例如,如果当前 URL === 我不希望它显示的 URL,html 元素将隐藏
猜你喜欢
  • 2016-01-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-07-24
  • 2017-04-07
  • 1970-01-01
  • 1970-01-01
  • 2016-12-06
相关资源
最近更新 更多