ui-router z ControllerAs wiążących

Question

ui-Router Stan:

$stateProvider 
    .state('dashboard', { 
     url: '/dashboard', 
     templateUrl: 'app/dashboard/dashboard.html', 
     controller: 'DashboardController as vm' 
    }); 

W DashboardController mam:

var vm = this; 
vm.title = 'Dashboard'; 

A w szablonie dashboard.html:

{{vm.title}} 

Dlaczego wynik pokazuje "{{vm.title}}" zamiast powiązania z jego wartością w kontrolerze?

Answer 1

Istnieje ustawienie kontrolera, gdy konfigurujesz stan.

$stateProvider 
    .state('dashboard', { 
     url: '/dashboard', 
     templateUrl: 'app/dashboard/dashboard.html', 
     controller: 'DashboardController', 
     controllerAs: 'vm' 
    }); 

https://github.com/angular-ui/ui-router/wiki

Answer 2

W swojej controller function, trzeba będzie return this; po zakończeniu funkcji.

var vm = this; 
vm.title = 'Dashboard'; 
// 
return vm; 

Jeśli pracujemy z $ zakresu zamiast vm = this;:

$scope.title = 'Dashboard'; 
// 
return $scope; 

powodzenia.