anglejsを使用してWeb APIからデータを取得できません。

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にバインドするモデルです。