Как создать функцию для получения данных из WCF Rest, затем отобразить в таблицу

Question

У меня объявлена ​​функция, чтобы получить имя WCF Rest имя: service.js, url получить данные Json. Затем я создаю другую функцию, чтобы получить данные entryCtrl.js затем показать HTML

service.js

(function (app) { 
    app.service("CRUD_AngularJs_RESTService", function ($http) { 
    this.getAllEntry = function() { 
     return $http.get("http://localhost:51458/ServiceRequest.svc/GetAllRequest/"); 
    }; 
    }); 
})(angular.module('model')); 

entryCtrl.js

(function (app) { 
    'use strict'; 
    app.controller('entryCtrl', entryCtrl); 
    entryCtrl.$inject = ['$scope']; 
    function entryCtrl($scope) { 
     $scope.pageClass = 'page-entry'; 
     $scope.GetAllRecords = function() { 
      var promiseGet = CRUD_AngularJs_RESTService.getAllEntry(); 
      promiseGet.then(function (pl) { $scope.EntryData = pl.data }, 
       function (errorPl) { 
        $log.error('Some Error in Getting Records.', errorPl); 
       }); 
     } 
    } 
})(angular.module('model')); 

вид entry.html

<table data-ng-controller="entryCtrl"> 
    <tbody data-ng-repeat="entry in EntryData"> 
    <tr> 
     <td>{{entry.name}}</td> 
     <td>{{entry.telpon}}</td> 
     <td>{{entry.foobar}}</td> 
    </tr> 
    </tbody> 
</table> 

У меня нет никакой ошибки, мои данные в таблице ничего не показывают. Что я должен пробовать знать, какая функция работает или нет?

jush есть предупреждение XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. Я не знаю, что это значит.

Answer 1

Функция GetAllRecords() не установлена ​​на $scope. Вам нужно установить $scope.GetAllRecords = GetAllRecords перед вызовом $scope.GetAllRecords():

function entryCtrl($scope) { 
    $scope.pageClass = 'page-entry'; 
    $scope.GetAllRecords = function() { 
     var promiseGet = CRUD_AngularJs_RESTService.getAllEntry(); 
     promiseGet.then(function (pl) { $scope.EntryData = pl.data }, 
      function (errorPl) { 
       $log.error('Some Error in Getting Records.', errorPl); 
      }); 
    } 
    $scope.GetAllRecords(); 
} 

В качестве альтернативы, вы можете просто позвонить GetAllRecords() непосредственно, так как вы, кажется, не нуждается в $scope:

function entryCtrl($scope) { 
    $scope.pageClass = 'page-entry'; 
    (function() { 
     var promiseGet = CRUD_AngularJs_RESTService.getAllEntry(); 
     promiseGet.then(function (pl) { $scope.EntryData = pl.data }, 
      function (errorPl) { 
       $log.error('Some Error in Getting Records.', errorPl); 
      }); 
    })(); 
}