не удалось получить данные из web api с помощью angularjs

Question

- 
<ArrayOftblEmp xmlns:i="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://schemas.datacontract.org/2004/07/WebApplication6"> <tblEmp> <Age>21</Age> <Id>1</Id> <Name>Narasingh</Name> <Salary>15000.0000</Salary> </tblEmp> <tblEmp> <Age>22</Age> <Id>2</Id> <Name>johny</Name> <Salary>20000.0000</Salary> </tblEmp> <tblEmp> <Age>50</Age> <Id>3</Id> <Name>Patrik</Name> <Salary>300000.0000</Salary> </tblEmp> <tblEmp> <Age>45</Age> <Id>4</Id> <Name>Gudumba Shankar</Name> <Salary>250000.0000</Salary> </tblEmp> </ArrayOftblEmp> 

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


app.controller('dbCtrl', function ($scope,$http) { 
$scope.test = 'hihi'; 

$scope.dataemp = function() { 
    $scope.test2 = 'check'; 
    debugger; 
    $http.get('http://localhost:1574/api/emp') 
      .then(function (response) { 
       $scope.data = response.data; 
      }); 
}; 

});

Я не мог привязать его к странице html. как можно показать в таблице этих данные с помощью angularjs

Answer 1

У меня есть хороший демонстрационный пример для этой операции, здесь: http://codepen.io/NateBen/pen/WopZje

уведомления раздел JS, его ES6, вы можете переключиться на ванильный JS, и заметить, этот код :

var root = 'https://jsonplaceholder.typicode.com'; 
$http({ 
    method: 'GET', 
    url: root + '/users/' 
}).then(function (response) { 
    // handle success 
    console.log(response); 
    $scope.dataUsers = response.data; 

}, function (response) { 
    // handle error 
    console.log(response); 
}); 

$ scope.dataUsers - это ваша модель, которую вы должны привязать к html с помощью ретранслятора.