0

私はAngular jsを初めて使用し、github APIにアクセスしながらユーザーを表示する最初のアプリを構築していました。

これが私が取り組んでいたプランクです: http://plnkr.co/edit/bJxijtHV4kBmJ3heMxA9?p=preview

<form name="searchUser" ng-submit="Search(userName)">
  <input type="search" placeholder="User to find" ng-model="userName"/>
  <input type="submit" value="Search" />
</form>

Javascript コード:

var app = angular.module('myApp', []);
app.controller('MainController', function($scope, $http) {
var Search = function(userName) {
$http.get('https://api.github.com/users/' + userName)
  .then(function(response) {
    $scope.person = response.data;
  });
 };
});

どこが間違っているのか教えてください。これは私の最初のアプリです。ばかげた間違いを許してください:)

4

3 に答える 3

4

単純な関数、変数はhtmlでアクセスできないため、送信関数をスコーププロパティにバインドする必要があります

お気に入り

$scope.Search = function(userName) {
   $http.get('https://api.github.com/users/' + userName)
       .then(function(response) {
           $scope.person = response.data;
       });
    };
});

更新されたパンカーはこちら

于 2015-04-09T09:34:59.343 に答える
2

次のようになります。

$scope.Search = function(userName){
//rest of the code goes here
}
于 2015-04-09T09:38:52.393 に答える
1

まず、angularJS コントローラーで関数を記述する方法を学習してみてください。検索を関数ではなく変数オブジェクトとして定義しています。

これを試して -

$scope.search = function(userName) {
$http.get('https://api.github.com/users/' + userName)
  .then(function(response) {
    $scope.person = response.data;
  });
};

angularJS を初めて使用する場合は、ここから学んでください......

http://stackoverflow.com/questions/11063673/whats-the-most-concise-way-to-read-query-parameters-in-angularjs

于 2015-04-09T09:43:16.427 に答える