AngularJS - 在新选项卡中打开一个链接以更改ng-show值



我在AngularJS网站上工作的内容。一位同事建议,动态解决方案的缺点是,无论您是在新选项卡(例如"关于我们"选项卡(中打开按钮,它都会将您带回第一页并刷新它。我正在使用 ng-show 指令,例如:

<div class="container marketing show-hide" ng-show="tab === 2">

以创建动态页面。我想实现这一点:

有人尝试单击"关于我们"按钮以在新选项卡中打开它。它不是将他带到新选项卡中的首页,而是将 ng-init 值更改为 2、3 或任何单击的按钮的值,以便在新选项卡中打开它时,它默认为分配给数字的内容,而不是由 ng-init="tab = 1" 定义的第一页

它不是打开一个新选项卡,而是以某种方式劫持请求,只是将 ng 值更改为相应的值,打开元素而不打开新选项卡。

如果您有兴趣,这里是网站:

www.kreo-it.pl

兴趣点是顶部导航栏中的按钮。请记住,这是一项正在进行的工作。

你可以利用$routeParams,类似于/:tabId,然后在该视图的逻辑中,您将显示与该tabId相关的任何内容。

例如,在您的控制器中,您可以引入$routeParams并为$scope.tab = $routeParams.tabId分配一个值,然后您的ng-show将从用户当前所在的 url 中获取该值。

但是,对于您尝试显示的各种信息,这似乎是一个很好的用例,用于实现具有/about路由等的路由器。还是您当前不使用路由器?

最新更新