如何深入链接到网站？

Question

我正在研究我正在使用AngularJS的SPA项目。

我需要在我的应用程序中进行深层链接。

这是我的网址：

http://www.example.com#/contacts/

当我按下按钮重定向到上面的网址时，我重定向到主页页面，浏览器似乎忽略了这部分网址：/contacts/

这是主页模块的配置功能：

angular.module("workPlan", ['damageEvent',
                            'ui.router',
                            'geomindCommon',
                            'templates',
                            'lookups',
                            'ngTouch',
                            'ui.grid',
                            'ui.grid.expandable',
                            'ui.grid.selection',
                            'ui.grid.pinning',
                            'ui.grid.resizeColumns',
                            'ui.bootstrap'
])

.config([
    "$stateProvider",
    "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {

        $urlRouterProvider.otherwise("/MainPage");
        $stateProvider
            .state("workPlan", {
                abstract: true,
                url: "/",
                template: "<ui-view></ui-view>"
            })

         .state("workPlan.list", {
             url: "MainPage",
             templateUrl: "app/workPlan/templates/workPlanList.tmpl.html",
             controller: "workPlanListController",
             controllerAs: "list",
             resolve: {
                 filterParameters: [filterParametersResolver],
                 workPlans: ["workPlanServise", workPlanServiseResolver]
             }
         })
    }
]);

这是合约模块的配置功能：

 (function () {
           "use strict";

          angular.module("contracts", ["ui.bootstrap", "geomindCommon", "templates"])
        .config([
            "$stateProvider",
            function ($stateProvider) {
                $stateProvider
                    .state("contracts", {
                        abstract: true,
                        url: "/contracts",
                        template: "<ui-view></ui-view>",
                        controller: "contractsController",
                        controllerAs: "contracts"
                    })
                    .state("contracts.list", {
                        url: "/contacts/",
                        templateUrl: "app/contracts/templates/contractList.tmpl.html"
                    })
                    .state("contracts.view", {
                        url: "/:contractId",
                        templateUrl: "app/contracts/templates/contractDetails.tmpl.html"
                    });
            }
        ]);


})();

知道为什么会这样吗？我怎样才能建立深层链接？