最简单的ngResource使用样码

时间:2023-03-09 05:35:02
最简单的ngResource使用样码

用来实现基本的RESTful风格的API.

后端用django rest_framework(DRF),前端用AngularJS。

app.js

var prismVersion = angular.module("prismVersion", ['ngResource']);

services.js

prismVersion.factory("versionSrv", ['$resource', function ($resource) {
    return $resource(
        "http://127.0.0.1:8000/server_api/version_api/:Id",
        {Id: "@Id" },
        {'query': {method: 'GET' }},
        {update: {method: "PUT"}}
    );
}]);

controllers.js

prismVersion.controller('versionCtrl',['$scope','versionSrv',function($scope, versionSrv){
    $scope.versions = versionSrv.query();
}]);

demo.html

<body ng-app="prismVersion">
    <div >Header</div>
    <div ng-controller="versionCtrl">
        {{versions}}
        hello
    </div>
    <div >Footer</div>
</body>

最简单的ngResource使用样码