$ http.get Angularで動作しません

Question

$http.get私のDB（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 
}); 

、私は1つの以上の質問があります。

私はコンポーネントでcontrollerAsを使用しています、私のブラウザは

Uncaught ReferenceError: Wildrose is not defined

言うがしかし、それを削除した場合、それはOKだろう。

ただ、コンストラクタで少しのコードを追加します：私は次のようにそれを解決しようとしている

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" 

はあなたを持っていますあなたのデータベースで読み取ったjson文字列を返す/api/wildroseのnode/expressでサーバ上にエンドポイントを設定しますか？

バックエンドとエラーからより多くのコードを提供してください。そうでなければ、診断するのは難しいです。