Created
July 2, 2013 18:27
-
-
Save yszou/5911788 to your computer and use it in GitHub Desktop.
AngularJS ngResource Demo
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment