angularjs http来自json url

时间:2016-10-19 14:09:13

标签: angularjs json asp.net-mvc asp.net-web-api

我有这个代码的问题我有来自我的asp.net web api的json数据。我无法通过angularjs获取此数据。你可以看到代码;

<!DOCTYPE html>
<html ng-app="myapp">
<head>
    <title ng-bind="helloAngular"></title>    
    <script src="~/Scripts/angular.min.js"></script>
        <script>
                var myapp = angular.module('myapp', []);
                myapp.controller('myController', function ($scope, $htpp){
                    $htpp.get({
                        method:'GET',
                        url:'http://localhost:50972/api/product'})
                        .success(function (response) {
                        $scope.result = response.statusText
                    });
                });
        </script>
    </head>
    <body ng-controller="myController">
        <table border="1">
                <tr ng-repeat="product in response">
                    <td>{{product.id}}</td>
                    <td>{{product.name}}</td>
                    <td>{{product.type}}</td>
                </tr>
            </table>
    </body>
    </html>

1 个答案:

答案 0 :(得分:0)

您有一些拼写错误:而不是$htpp使用$http

myapp.controller('myController', function ($scope, $http){
                    $http.get({
                        method:'GET',
                        url:'http://localhost:50972/api/product'})
                        .success(function (response) {
                        $scope.result = response.data;
                    });
                });