无法链接到Angular 1.x中的子状态

Question

当我链接到嵌套的子状态时，它会重定向到父状态。我试过了：

<a ui-sref="hub.create-product">Create</a>

和

<a href="#/hub/create-product">Create</a>

但点击后，这两个链接都会转到#/hub而不是#hub/create-product。

有关可能导致此问题的任何建议吗？

angular.module('pmApp.hub', [])
    .config([
        '$stateProvider', function ($stateProvider) {
            $stateProvider
              .state('hub', {
                  url: '/hub',
                  menuName: 'hub',
                  controller: 'hubCtrl',
                  reloadOnSearch: false
              })
               .state('hub.intro', {
                   url: '/intro',
                   menuName: 'hub',
                   reloadOnSearch: false
               })
              .state('hub.create-product', {
                  url: '/create-product',
                  menuName: 'hub',
                  reloadOnSearch: false
              });
            }
    ]);