значения разрешенных угловых компонентов, отображающие неопределенные

Question

Я использую Angular JS (версия 1.5.9) и Угловой UI-маршрутизатор (версия 1.0.0-rc.1). Когда я пытаюсь получить доступ к значениям привязки в контроллере компонента, он показывает undefined. Ниже я поделился своим кодом.

Что случилось с моим кодом? Не могли бы вы посоветовать мне, как решить эту проблему?

router.config

 $stateProvider.state('app.user-datshboard', { 
     url: '/dashboard/:user', 
     views: { 
      'header@':{ 
       templateUrl : getView('user-navbar') 
      }, 
      'main@': { 
       templateUrl: getView('user-dashboard') 
      }, 
      'footer':{} 
     }, 
     params: { 
      user : null 
     }, 
     resolve: { 
      OurUser : function(){ 
       return 'nihao'; 
      } 
     } 

     } 
    }) 

компонент

class UserDashboardController{ 
    constructor(API,$log,$state,$stateParams,$scope){ 
    'ngInject'; 
    // 
    $log.log(this); 
    this.API = API; 
    this.$scope = $scope; 
    this.$log = $log; 
    this.$timeout = $timeout; 
    this.$state = $state; 
    this.$stateParams = $stateParams; 
    this.$log.log(this.OurUser); 
    } 
} 

export const UserDashboardComponent = { 
templateUrl: './views/app/components/user-dashboard/user- dashboard.component.html', 
controller: UserDashboardController, 
controllerAs: 'vm', 
bindings: { OurUser : '=' } 
} 

экрана Ошибка

[error screen][1] 

Спасибо

Answer 1

Вы должны вводить свой OurUser в любом контроллере или службы, например:

constructor(API, $log, $state, $stateParams, $scope, OurUser){ 
    // here you have access to OurUser 
} 

таким образом, вам не нужно bindings: { OurUser : '=' }