2014-11-06 2 views
0

$ A GET 요청에서 검색 한 데이터를로드하기 위해 AJS 앱에서 JQuery Datatables를 사용하고 있습니다. 내 AJS 응용 프로그램을 통해 검색된 데이터를로드하는 방법에 대한 예제를 검색했습니다. 서비스> $ http 데이터 테이블에 전화를 걸었지만 찾을 수 없습니다. 그럼 내가 어떻게 할 수 있는지 누구나 알 수 있니? 모든 정보, 예제 또는 문제 관련 리소스는 높이 평가됩니다. 감사합니다

참고 : $ HTTP GET을 호출에서 검색된 데이터의 형식은 다음과 같습니다 http://www.datatables.net/ :

[{"_id":"543e58b862744980197026a8","title":"Mr.","firstName":"Michael","lastName":"A","email":"[email protected]","address":"New York","password":"123456","activeMember":true,"__v":0,"role":"Member","memberSince":"2014-10-15T11:21:28.884Z"},{"_id":"543e591862744980197026a9","title":"Ms","firstName":"Mary","lastName":"W","email":"[email protected]","address":"New York","password":"123456","activeMember":true,"__v":0,"role":"Admin","memberSince":"2014-10-15T11:23:04.382Z"}] 

답변

0

난 당신이 사용하는 데이터 테이블 가정하고하는 것은 이것이다. 이 경우 각도를 사용하여 서버에서 데이터를 가져 와서 테이블을 작성하는 것이 좋습니다. 그 후 html 테이블 ID를 jquery 데이터 테이블로 전달합니다.

var myApp = angular.module('myApp', []); 
myApp.controller('MyCtrl', ['$scope', '$http', function ($scope, $http) { 
    // load data from array as example 
    $scope.items = [{ 
     firstName: 'foo', 
     lastName: 'bar' 
    }, { 
     firstName: 'buzz', 
     lastName: 'booo' 
    }, { 
     firstName: 'zxzz', 
     lastName: 'yyy' 
    }, 
    ]; 

}]);  
    //Use this to get data from server    
    /* 
    $http.get('url').success(function (data, status, headers, config) { 
     $scope.items = data; 
    }). 
    error(function (data, status, headers, config) { 

    }); 
    */ 

// pass to jquery data table 
$(document).ready(function() { 
    $('#example').DataTable(); 
}); 

행동의 접근 방법을 참조하십시오 http://jsfiddle.net/6wqk35na/

관련 문제