yszou/ng_resource.html

## ng_resource.html
<!DOCTYPE html>
<html ng-app="Demo">
<head>
<meta charset="utf-8" />

<title>AngularJS的Demo</title>


</head>
<body>
  <div ng-controller="TestCtrl">
    <button ng-click="fetch()">输入id, 再点击我获取数据</button>
    <p>id: <input type="text" ng-model="u.id" /></p>
    <p>name: <input type="text" ng-model="u.name" /></p>
    <button ng-click="u.$save()">修改名字后点击我提交(实例方法调用)</button>
    <div>
      当前变量:
      <p> u.id: [[ u.id ]]</p>
      <p> u.name: [[ u.name ]]</p>
    </div>
  </div>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-resource.js"></script>


<script type="text/javascript">
var TestCtrl = function($scope, $resource){

  var default_params = {};
  var action = {
    get: {method: 'GET', params: {act: 'get'}, isArray: false},
    save: {method: 'POST', params: {act: 'save', o: '@id', x: '@name'}, isArray: false}
  }
  var User = $resource('/:act/:id', default_params, action);

  $scope.fetch = function(){
    var error = function(err){
      console.log(err);
    }

    $scope.u = User.get({id: $scope.u.id}, function(response){
      //回调一般可以不要了, 会自动填充 $scope.u 的
    }, error);
  }

}
</script>

<script type="text/javascript">
var app = angular.module('Demo', ['ngResource'],
  function($interpolateProvider){
    $interpolateProvider.startSymbol('[[');
    $interpolateProvider.endSymbol(']]');
  }
)
</script>
</body>
</html>
	<!DOCTYPE html>
	<html ng-app="Demo">
	<head>
	<meta charset="utf-8" />

	<title>AngularJS的Demo</title>


	</head>
	<body>
	<div ng-controller="TestCtrl">
	<button ng-click="fetch()">输入id, 再点击我获取数据</button>
	<p>id: <input type="text" ng-model="u.id" /></p>
	<p>name: <input type="text" ng-model="u.name" /></p>
	<button ng-click="u.$save()">修改名字后点击我提交(实例方法调用)</button>
	<div>
	当前变量:
	<p> u.id: [[ u.id ]]</p>
	<p> u.name: [[ u.name ]]</p>
	</div>
	</div>


	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-resource.js"></script>


	<script type="text/javascript">
	var TestCtrl = function($scope, $resource){

	var default_params = {};
	var action = {
	get: {method: 'GET', params: {act: 'get'}, isArray: false},
	save: {method: 'POST', params: {act: 'save', o: '@id', x: '@name'}, isArray: false}
	}
	var User = $resource('/:act/:id', default_params, action);

	$scope.fetch = function(){
	var error = function(err){
	console.log(err);
	}

	$scope.u = User.get({id: $scope.u.id}, function(response){
	//回调一般可以不要了, 会自动填充 $scope.u 的
	}, error);
	}

	}
	</script>

	<script type="text/javascript">
	var app = angular.module('Demo', ['ngResource'],
	function($interpolateProvider){
	$interpolateProvider.startSymbol('[[');
	$interpolateProvider.endSymbol(']]');
	}
	)
	</script>
	</body>
	</html>