2013-05-19 48 views
-2

我開始使用Angularjs應用程序來了解關於js框架的更多信息,我在使用sql等一些事情時感到困惑,所以我想要一點點幫助在點擊表上進行顯示。使用AngularJS發出AJAX請求

即時消息試圖做的是向數據庫發出請求並填寫表格ng-repeat,然後在單擊按鈕時顯示滑動效果。

我沒有任何想法如何獲取sql查詢並插入angularjs中的控制器,請幫助。

數據庫表的電影:

|--id--|------text------|-----year-----| 
|______________________________________| 
|--1---|----avengers----|-----2012-----| 
|--2---|------mama------|-----2013-----| 

我想將它傳遞給angularjs,如:

$scope.movies = [ 
{text:'Mama', year:'2013',id:2}, 
{text:'Avengers', year:'2012',id:1}]; 

回答

1

這應該幫助您開始。它是一個簡單的控制器,與數據綁定到名爲myScopeData的屬性。該代碼使用Angular中的$http對象向PHP發出AJAX請求以從數據庫檢索數據。範圍變量myScopeData被設置並更新視圖。

HTML

<div ng-app="myApp"> 
    <div ng-controller="mainController"> 
     {{myScopeData}}   
    </div> 
</div> 

JAVASCRIPT

var app = angular.module('myApp',[]); 

app.controller('mainController',function($scope,$http){ 
    $http({method:'GET',url:'movies.php'}).success(function(data){ 
     $scope.myScopeData = data; 
    }); 
});