2016-04-07 20 views
0

Bir giriş kutusu ve bir düğme ile sorgu için basit bir sayfa oluşturmak istedim. Benim html: işlemek içinAngularJS: http isteği hiçbir şey döndürmez

<html ng-app="cgApp" > 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
    <script src="../js/controller.js"></script> 
    <script src="../js/service.js"></script> 

    </head> 
    <body> 
    <div ng-controller="CgseqCtrl"> 
     <input ng-model="analysisid"><button ng-click="searchById()">Search</button> 
     <table> 
      <tr> 
       <td>{{seq.analysisId}}</td> 
       <td>{{seq.center}}</td> 
       <td>{{seq.diseaseAbbr}}</td> 
       <td>{{seq.filepath}}</td> 
       <td>{{seq.library}}</td> 
      </tr> 
     </table> 

    </div> 

    </body> 
</html> 

Fonksiyon

var app = angular.module('cgApp', []) 

app.controller('CgseqCtrl', ['$scope', 'Cgseq', function($scope, Cgseq){ 
    $scope.searchById = function() { 
     Cgseq.getSeqById($scope.analysisid) 
     .then(function(response){ 
      $scope.seq = response; 
     }, function errorCallBack(response) { 
      console.log(response.$statusText); 
     }); 
    } 
}]); 

Cgseq service.js benim fabrikanın adıdır olay searchById() benim controller.js uygulanan ng tıklayın. Ben sorgu için dizesinde basic.html, tipini yüklemek ve düğmesine bastığınızda

app.factory("Cgseq", function ($http) { 
    // return $resource('http://localhost:8080/cgweb/api/seqs/fdebfd6e-d046-4192-8b97-ac9f65dc2009'); 
    var service = {}; 
    service.getSeqById = function(analysisid) { 
     return $http.get('http://localhost:8080/cgweb/api/seqs/' + analysisid); 
    } 
    return service; 
}); 

, hiçbir şey sayfasında olur. Adım adım hata ayıklamaya çalıştım, hiç bir zaman .then veya function errorCallBack'a girmedi. Node.js sunucusunun veya tomcat sunucusunun günlüklerinden hiçbir şey şüpheli görünüyor. Neyi yanlış yaptım?

DÜZENLEME # 1: Sunucu bağlantısı (200) iyidir gibi ağ durumu dayanarak

görünüyor. network tab

+0

Sunucu gerçekten isteği alıyor mu? Ve eğer öyleyse, tarayıcınızın web denetçisinin ağ sekmesinde ne görüyorsunuz? –

+0

, geliştirici konsolunda – war1oc

+0

@SunilD ağ aramalarını kontrol edin. Ağ sekmesi ekran görüntüsünü yükledim. Alt satır, sunucunun isteği aldığını gösterir, doğru mu? – ddd

cevap

1
Cgseq.getSeqById($scope.analysisid) 
     .then(function(response){ 
      $scope.seq = response.data; // You have to use response.data 
     }, function errorCallBack(response) { 
      console.log(response.$statusText); 
     }); 

Referans: https://docs.angularjs.org/api/ng/service/ $ http

Eğer bir console.log(response) o zaman tepki nesnenin yapısını görebilirsiniz callback yaparsanız.