$ http.get в Angular не работает

Question

У меня проблема с $http.get, когда я пытаюсь получить данные из моей БД (mongoDB).

Я использую средний стек.

angular.module('wildroseApp') 
.controller('WildroseComponent', function($scope, $http){ 
    $http.get('/api/wildrose') 
     .success(function (data) { 
     $scope.wildrose = data; 
     console.log($scope.wildrose); 
    }) 
     .error(function (err) { 
     alert('Error!'); 
    }); 
}) 
.component('wildrose', { 
    templateUrl: 'app/wildrose/wildrose.html', 
    controller: WildroseComponent, 
    controllerAs: Wildrose 
}); 

Кроме того, у меня есть еще один вопрос:

Когда я использую controllerAs в компоненте, мой браузер говорит

Uncaught ReferenceError: Wildrose is not defined

Но, если удалить его будет в порядке.

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

Просто добавьте в конструкторе немного битный код:

class WildroseComponent { 
    constructor($http) { 
    this.$http = $http; 
    this.wildrose = []; 
    } 
    $onInit(){ 
     this.$http.get('/api/wildrose') 
      .then(response => { 
       this.wildrose = response.data; 
       console.log(this.wildrose); 
      });; 
    } 
} 

Answer 1

ControllerAs требует строки, а не объект:

controllerAs: "wildrose" 

Есть ли у вас настроить конечную точку на вашем сервере с помощью node/express под /api/wildrose, которая возвращает строку json, считанную из вашей базы данных?

Просьба предоставить больше кода с вашего внутреннего блока и ошибок, в противном случае его трудно диагностировать.