AngularJS iki tane http istekleri döndürür, ancak sadece birincisi çözülür

Question

Angularj'lerde yeniyim. Angularjs kullanarak bir mobil uygulama oluşturmaya çalışıyorum. Burada sadece if koşulu çalışıyor ve else çalışmaz, yani http ilk çalışmadığı sırada mükemmel çalışıyor. Bunu nasıl çözebilirim?

Kuralların için Fiddle ve url güncelledik index.html

<button class="button button-icon" ng-click="loadlanguages('english')" > 
    en 
</button> 

<button class="button button-icon" ng-click="loadlanguages('malayalam')" > 
    ml 
</button> 

Answer 1

$http({method: 'JSONP', url: 'http://js/english.js?callback=JSON_CALLBACK'}). 
    then(function(response) { 
     console.log(response); 
     $scope.status = response.status; 
     $scope.templeEn = response.data; 
    }); 

$http({method: 'JSONP', url: 'http://js/malayalam.js?callback=JSON_CALLBACK'}). 
    then(function(response) { 
     console.log(response); 
     $scope.status = response.status; 
     $scope.templeMl = response.data; 
    }); 


$scope.loadlanguages=function(files) { 
    console.log(files); 
    if(files=='english') { 
     console.log('hai'); 
     $scope.result=$scope.templeEn; 
     console.log($scope.result);  
    } 
    else { 
     console.log('ml'); 
     $scope.result=$scope.templeMl; 
     console.log($scope.result) 
    } 
} 

app.js. Bu şimdi çalışmalı.

Lütfen kemanın sitenize erişmesine izin verilmeyeceğini ve cross-domain hatasını attığını unutmayın. Bunu devre dışı bırakmak ve verilerinizi kemanda getirmek için chrome extension kullandım. aşağıda güncellenmiş kod ve yanıt resminiz var.

$http.get("http://www.obidostech.com/english.js") 
     .then(function(json) { 
     $scope.responseFoo = json.data; 
     },function(err){ 
     console.log(err) 
     }); 

    $http.get("http://www.obidostech.com/malayalam.js") 
     .success(function(json) { 
     $scope.responseBar = json; 
     },function(err){ 
     console.log(err) 
     }); 

    $scope.response = []; 

    $scope.loadlanguages = function(lang){ 
     if(lang === 'foo'){ 
      $scope.response = $scope.responseFoo 
     } 
     else{ 
     $scope.response = $scope.responseBar; 
     } 
    }; 

yardımcı olur Umut.