angularjs – 如何检测位置变化

发布时间：2020-12-17 08:13:26 所属栏目：安全来源：网络整理

导读：我有一个控制器显示页面导航菜单。菜单有一系列的项目，每个项目都有标题和链接。我还在每个项目上设置一个标志，指示是否显示相关页面： module.controller('MenuContr',[ /******/ '$scope','$location',function ($scope,$location) { $scope.items = [ {

我有一个控制器显示页面导航菜单。菜单有一系列的项目，每个项目都有标题和链接。我还在每个项目上设置一个标志，指示是否显示相关页面：

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;
            }
        });

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!