1

こんにちは、filltext.com サーバーに対して動的な $http リクエストを実行しようとしています。コード：

<!DOCTYPE html>
<html lang="en" ng-app="App">
    <head>
        <meta carset="utf-8">
        <title>Test</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
    </head>

<body >
    <div class="container" ng-controller="theController">
        <div ng-repeat="person in people">
            <input type="text" ng-model="person.fname">
            <input type="text" ng-model="person.lname">


        </div>
    </div>


    <script>
    var app=angular.module('App', []);
    app.controller('theController', ['$scope','$http',function($scope,$http){
        $scope.getPeople=function(count){
            $http.jsonp("http://www.filltext.com/?callback=JSON_CALLBACK&rows="+count+"&fname={firstName}&lname={lastName}").
    success(function (data) {
        $scope.people = data;
    })
        };

        $scope.countSelection=10;
        $scope.getPeople($scope.contSelection);

    }]);

    </script>       

</body>
</html>

問題は、+count+ を $http.jsonp 文字列パラメータに追加しようとしているときです。filltext.com からデータを取得していませんが、rows=5 を静的に書き込むと、データが生成されます。ご協力ありがとうございます :)

4

0 に答える 0