2016-07-09 7 views
0

DB (mongoDB)에서 데이터를 가져 오려고 할 때 $http.get에 문제가 있습니다.

평균 스택을 사용하고 있습니다. 또한

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

말한다을하지만 그것을 제거하면, 그것은 확인을 할 것이다.

그냥 생성자에서 약간의 코드를 추가합니다 : 나는 다음과 같이 해결을 시도

controllerAs: "wildrose" 

당신 유무 :

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); 
      });; 
    } 
} 
+0

어떤 AngularJs 버전을 사용하고 있습니까? –

+0

버전은 1.5.0입니다. –

+0

질문/문제가 무엇입니까? "효과가없는"것은 정확히 의미합니까? – dfsq

답변

0

ControllerAs 문자열이 아닌 객체를 필요 데이터베이스에서 json 문자열을 읽는 /api/wildrose 아래에 node/express라는 서버가있는 엔드 포인트를 설정하십시오.

백 엔드 및 오류에서 더 많은 코드를 제공하십시오. 그렇지 않으면 진단하기가 어렵습니다.

+0

그래 난이 //이 Wildroses 내보내기 기능 지수 (REQ, 입술) { 창 Wildrose.find()의리스트를 취득 제어기로부터 코드 유사시 발생 과 끝점을 만들었다. 간부() 그 때는 (respondWithResult를 (res)) .catch (handleError (res)); } index.js입니다. router.get ('/', controller.index); $ http.get을 사용할 때 오류가 표시되지 않습니다. –

+0

크롬을 사용하는 경우 dev 도구에서 네트워크 패널이 말하는 것은 무엇입니까? 요청이 올바르게 전송 되었습니까? 백 엔드에서 말하는 응답은 무엇입니까? – Samuel

+0

한 가지, 나는 MEAN에 대해 확신하지 못합니다. 그러나 mongodb의 find 메소드는 객체를 인수로 요구합니다. 콜렉션의 모든 항목을 찾으려면 빈 오브젝트 .find ({})를 사용하십시오. – Samuel

관련 문제