面包屑怎么能记得这条路？

Question

我在下面三个状态上实现了面包屑，用户可以从仪表板中选择一个将导航到edit.process的进程，然后用户也可以使用面包屑超链接从编辑进程返回到仪表板。因此，当处于app.search状态的用户可以选择将导航到edit.process状态的进程时，这里的问题是用户只能选择返回到app.search状态，我希望在用户从app.search状态导航进程时实现逻辑，我想在edit.process状态上显示app.search的超级链接，这样用户就可以回到他来自的地方……

app.js

.state('app.home', {
            url: '/',
            templateUrl: 'views/riskHomePage/riskAssesmentHomePage.html',
            controller: 'HomeCtrl',
            data: {
                authenticate: true
            },
            breadcrumb: {
              title: 'Dashboard',
              path: ['app.home']
          }
        })

   .state('app.editProcess', {
            url: '/process/:processId/:refresh?:from',
            templateUrl: 'views/process/createEditProcessContent.html',
            controller: 'ProcessCtrl',
            data: {
                authenticate: true
            },
            resolve: {
                existingProcess: function($http, $stateParams, $rootScope){
                    $rootScope.showLoader = true;
                   return $http.get('app/prcs/rest/process/'+ $stateParams.processId);
                }
            },
            breadcrumb: {
              title: 'Edit Process',
              path: ['app.home', 'app.editProcess']
          }
        })

.state('app.search', {
            url: '/viewSearchInv',
            templateUrl: 'views/viewAll/viewSearchInv.html',
            controller: 'ViewSearchInvCtrl',
            data: {
                authenticate: true
            },
            breadcrumb: {
              title: 'View Search PRC inventory',
              path: ['app.home','app.search']
            }
        })

Answer 1

您可能希望创建一个面包屑服务，然后将其注入每个控制器中。

下面是一个好教程http://milestone.topics.it/2014/03/angularjs-ui-router-and-breadcrumbs.html

我过去做过的另一种方法是在$rootScope上保留一个面包屑数组。像这样实例化。

angular.module('myApp', [])
.run(function($rootScope) {
    $rootScope.breadcrumbs = [];
 })

然后，在每个控制器中，我推送将链接到那个状态的面包屑到面包屑数组。通常，我的面包屑对象有显示文本和链接/ui路由器状态引用。

.controller('myCtrl', function($scope, $rootScope) {
    $rootScope.breadcrumbs.push({ title: "First Breadcrumb", state: "stateName" })
})

然后，要显示面包屑，请使用ng-重复并使用ng单击函数处理任意面包屑的选择，该函数将面包屑调整到选定的面包屑并加载相应的状态。

Answer 2

您需要使用ncyBreadcrumb .This的方式是不可能的。此链接对您How to use ncy-breadcrumb in child state of abstract parent有帮助