2016-10-28 3 views
-1

나는 json과 rest call을 가지고있다. 각도 js에서 searchController를 작성하는 방법. 도와 주실 수 있나요? 고맙습니다.각도 js에 컨트롤러를 쓰는 방법은 무엇입니까?

url :- `http://local.agon.org/api/members/search/raju` 

JSON 데이터 : -

[ 
    { 
    "id": 3, 
    "name": "Raju", 
    "phone": 1597536841, 
    "photo": null, 
    "skill_level": "intermediate", 
    "rfid": "45128", 
    "created_at": "2016-10-20 14:39:32", 
    "updated_at": "2016-10-20 14:39:32" 
    } 
] 

방법 : 검색 버튼 GET

HTML 코드 : -

<html ng-app="MemberCreateApp"> 
    <body> 
     <form class="navbar-form navbar-left" ng-controller="searchController" ng-click="search()"> 
     <div class="form-group"> 
      <input type="text" class="form-control input-lg" name="query" id="query" ng-model="query" placeholder="Search"/> 
     </div> 
     <button type="submit" class="btn btn-primary btn-circle btn-lg">  
      <i class="fa fa-search"></i> 
     </button>   
     </form> 
    </body> 
</html> 
+0

나머지 호출하지 –

+0

을 주셔서 대단히 감사합니다 컨트롤러 서비스에 있어야합니다 나 한테 대답 해. 우리는 각도 js에서 $ http를 사용하여 컨트롤러 클래스에 URL을 쓸 수 있습니다. – sree

답변

1

그것의 더 나은 같은 공장에서 서비스 호출을 유지 :

,303,210

컨트롤러

(function() { 
    'use strict'; 

    angular 
     .module('app') 
     .controller('searchController', searchController); 

    searchController.$inject = ['activityApi','$scope']; 

    function searchController(activityApi, $scope) { 

     $scope.getUser = function(){ 
     var data = {"id":3, 
        "name":"Raju", 
        "phone":1597536841, 
        "photo":null, 
        "skill_level":"intermediate", 
        "rfid":"45128", 
        "created_at":"2016-10-20 14:39:32", 
        "updated_at":"2016-10-20 14:39:32"} 
     activityApi.getActivityById(data) 
      .then(function(result){ 
      console.log(result) 
      }) 
     } 

    } 
})(); 

그냥 $http를 주입, 컨트롤러의 HTTP 호출을 확인하려면 :

(function() { 
    'use strict'; 

    angular 
     .module('app') 
     .controller('searchController', searchController); 

    searchController.$inject = ['$http','$scope']; 

    function searchController($http, $scope) { 

     $scope.getUser = function(){ 
     var data = {"id":3, 
        "name":"Raju", 
        "phone":1597536841, 
        "photo":null, 
        "skill_level":"intermediate", 
        "rfid":"45128", 
        "created_at":"2016-10-20 14:39:32", 
        "updated_at":"2016-10-20 14:39:32"} 

     } 

     $http({ 
       method: 'GET', 
       url: 'http://local.agon.org/api/members/search/raju', 
       headers: { 
        "Content-Type": "text/plain", 
       }, 
       data: data, 
     }).then(function(reply) { 
      console.log(reply); 
     },function(err){ 
      console.log(err); 
     }); 

    } 
})(); 
+0

저에게 답장을 보내 주셔서 대단히 감사드립니다. POST가 아닌 GET 메서드를 사용하고 있습니다. – sree

+0

@sree, 이것이 도움이되기를 바랍니다. –

+0

고맙습니다. 제가 확인하고 알려 드리겠습니다. – sree

관련 문제