Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 如何检测位置变化大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个控制器显示页面导航菜单菜单有一系列的项目,每个项目都有标题链接。我还在每个项目上设置一个标志,指示是否显示相关页面: @H_692_1@module.controller('MenuContr',[ /******/ '$scope','$LOCATIOn',function ($scope,$LOCATIOn) { $scope.items = [ {text: 'page 0',href: '#/page-0',current: $LOCATIOn.path() === '/page-0'},{text: 'page 1',href: '#/page-1',current: $LOCATIOn.path() === '/page-1'} ];

在我的模板中:

<ul class="menu" ng-controller="MenuContr" ng-cloak>
  <li ng-repeat="item in items" ng-switch on="item.current">
    <span class="current" ng-switch-when="true">{{item.text}}</span>
    <a ng-switch-default ng-href="{{item.href}}">{{item.text}}</a>
  </li>
</ul>

我需要能够在位置更改时更新菜单,如何完成?有可以订阅的活动吗?

编辑:除了在我的路由中定义的控制器之外,还使用此控制器,并且将上述模板放在包含ng-view指令的元素之上。

回答我自己的问题,在我的MenuContr中:
$scope.$on('$routeChangesuccess',function () {
            var items = $scope.items;
            var path = $LOCATIOn.path();

            for (var i = 0; i < items.length; i++) {
                var item = items[i];
                var href = item['href'];
                item['current'] = !!href && href.subString(1) === path;
            }
        });

大佬总结

以上是大佬教程为你收集整理的angularjs – 如何检测位置变化全部内容,希望文章能够帮你解决angularjs – 如何检测位置变化所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。