最简单的ngResource使用样码

weixin_34123613

于 2016-08-11 16:22:00 发布

阅读量74

点赞数

文章标签：后端 python 前端 ViewUI

本文介绍了一个使用AngularJS作为前端框架与djangorest_framework (DRF)作为后端框架共同实现RESTful风格API的具体案例。通过示例代码展示了如何在前端通过AngularJS调用后端提供的API来获取版本信息。

用来实现基本的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>