Угловой, машинописный и угловой интерфейс с «контроллером как»

Question

Комбо в теме дает мне трудное время, я уверен, что это простая ошибка где-то.

Контроллер:

class JobCtrl { 

     job: Object; 

     public $inject = ['$log', '$resource', 'ApiDataEndpoint', '$stateParams']; 
     constructor(public $log, public $resource, public ApiDataEndpoint, public $stateParams) {  
      var JobRes = $resource(ApiDataEndpoint.url+'job/:id', {}); 

      var jobCall = JobRes.get({ id: $stateParams.id},function(){ 
       this.job = jobCall; 
      }) 
     } 
    } 

Маршрут определяется следующим образом:

.state('app.job', { 
     url: '/jobs/:id', 
     views: { 
      'menuContent': { 
       templateUrl: 'templates/job.html', 
       controller: 'JobCtrl', 
       controllerAs: 'vm' 
      } 
     } 
    }) 

на мой взгляд, я получил это:

<p> 
Name: {{vm.job.Name}} 
</p> 

Но вид никогда не обновляется при возврате обратного вызова , Я предполагаю, что это либо проблема асинхронности, либо проблема с областью. Извлечение ресурса отлично работает, представление просто не обновляется. Кажется, я не могу установить эту работу из обратного вызова. Что мне здесь не хватает?

Answer 1

Я думаю, что вы можете сделать что-то вроде этого (непроверенные):

var jobCall = JobRes.get({ id: $stateParams.id},function(response){ 
    job = response.data; 
}) 

Answer 2

это не доступно внутри функции обратного вызова так, как вы его реализовать. Изменение использовать лямбда, и это будет:

От этого:

var jobCall = JobRes.get({ id: $stateParams.id},function(){ 
      this.job = jobCall; 
     }) 

Для этого:

var jobCall = JobRes.get({ id: $stateParams.id}, (response) => { 
      this.job = response.data; 
     });