如何启动角度服务(发布,获取和删除)

时间:2016-03-24 13:54:17

标签: javascript angularjs

我使用editor.swagger生成代码,我想用该代码编写带有角度的GUI。由于我是棱角分明的新手,我不明白如何开始编程。我首先决定创建3个文件:index.html,index.js和service.js。

以下是我的代码的一部分:

我不知道这是不是好的开始。但问题是我不知道我应该怎么做POST和DELETE。你能帮帮我吗?

5 个答案:

答案 0 :(得分:0)

您可以在Angluar JS(POST,GET,PUT,DELETE)中执行标准的4种方法。要在角度中使用这些,您必须使用角度提供的$ http服务。要了解有关它的更多信息,请查看他们的文档:https://docs.angularjs.org/api/ng/service/$http

答案 1 :(得分:0)

来自Angular $http documentation

  

完整的快捷方式列表:

$http.get
$http.head
$http.post
$http.put
$http.delete
$http.jsonp
$http.patch

您还可以在$http服务中使用method参数。所以$http(method: 'DELETE', ...)

答案 2 :(得分:0)

var app = angular.module('app');

app.service('apiService', ['$http', function($http){

    this.get = function(){
        return $http.get(URL);
    };

    this.delete = function(id){
        return $http.delete(URL, id);
    }

    this.post = function(data){
        return $http.post(URL, data);
    }

}]);

app.controller('controller', ['$scope', 'apiService', function($scope, apiService){

     var getData = apiService.get().success(function(){

     });

}]);

答案 3 :(得分:0)

您可以使用$ resource并将其作为服务返回。

fromCursor()

在您的控制器中,您应该按如下方式注入新创建的服务:

app.factory('factoryResource', ['$resource', function($resource) {
var resource = {
    getResource: function(context) {
        var rsc = $resource(context, {}, {'update': {method: 'PUT'}});

        return rsc;
    }
};

return resource; }])

希望这会有所帮助;

答案 4 :(得分:-1)

基本上我们有4个REST操作方法

  1. 创建(POST) - 创建新用户(仅作为示例,它可以是任何内容)
  2. 阅读(获取) - 获取所有用户
  3. 更新(PUT) - 更新用户的属性
  4. 删除(删除) - 删除用户 如果您需要进一步澄清,请与我们联系。
  5. 在角度使用服务中,您可以这样做。

    var app = angular.module('app', []);
    app.factory('UserService', function($http){
        var user = {};
        user.post = function(data){
            return $http.post('url', data);
        }
        user.get = function(){
            return $http.get('url');
        }
        user.delete = function(id){
            return $http.delete('url');
        }
         user.update = function(id, data){
            return $http.put('url', data);
        }
        return user
    });
    
    app.controller('Controller', function('UserService'){
        // Get
        UserService.get().success(function(){
    
        });
        UserService.post(data).success(function(){
    
        });
        UserService.delete(id).success(function(){
    
        });
        UserService.get(id, data).success(function(){
    
        });
    
    })
    

    如果您的网址是适当的休息,可以通过 $ resource 轻松完成。