углового контроллера в машинописи

Question

Я новичок в машинописи/ecma6 и хотел бы написать этот угловой контроллер в машинописи:

.controller('DashCtrl', function($scope, wpFactory) { 

$scope.posts = []; 
$scope.images = {}; 

wpFactory.getPosts(3).then(function (succ) { 
    $scope.posts = succ; 
    angular.forEach(succ, function(value, index) { 
    $scope.setUrlForImage(index, value.featured_image); 
    }); 
}, function error(err) { 
    console.log('Errror: ', err); 
}); 

$scope.setUrlForImage = function(index, id) { 
    wpFactory.getMediaDataForId(id).then(function (succ) { 
    $scope.images[index] = succ.source_url; 
    }); 
}; 

}) 

с моим фактическим подходом у меня есть проблемы с областью видимости методов в классе:

class DashCtrl { 

public $inject = ['wpFactory']; 

posts: any[]; 
images: any[]; 

constructor(public wpFactory: any) { 
    this.getPosts(); 
} 
getPosts(){ 
    ... ? 
} 

setUrlForImage(succ:any, index:any, id:any){ 
    ... ? 
} 

} 

Интересной частью для меня является разработка методов getPosts и setUrlForImages. Мы ценим любые предложения.

Answer 1

class DashCtrl { 

    public $inject = ['wpFactory']; 

    posts: any[]; 
    images: any[]; 

    constructor(public wpFactory: any) { 
    this.getPosts(); 
    } 

    getPosts() { 
    this.wpFactory.getPosts(3).then(succ => { 
     this.posts = succ; 
     angular.forEach(succ, (value, index) => { 
     this.setUrlForImage(index, value.featured_image); 
     }); 
    }, (err) => { 
     console.log('Errror: ', err); 
    }); 
    } 

    setUrlForImage(succ:any, index:any, id:any) { 
    this.wpFactory.getMediaDataForId(id).then(succ => { 
     this.images[index] = succ.source_url; 
    }); 
    } 
}