2016-03-24 18 views
-1

私はeditor.swaggerでコードを生成し、そのコードに対して角度のあるGUIをコードしたいと思います。私は角度のない初心者なので、プログラミングを始める方法をよく理解していません。まず、index.html、index.js、service.jsという3つのファイルを作成することにしました。ここで角度サービス(投稿、取得、削除)を開始する方法

は、私のコードの一部です:

それは良いスタートかではない場合、私は知りません。しかし、問題は、私がPOSTとDELETEのために何をすべきか考えていないことです。私を助けてくれますか? (ちょうど例えば、それは何もすることができます)新しいユーザーを作成する

  • 読む(GET) -

  • 答えて

    -1

    は、基本的に我々は

    1. が作成REST操作(POST)のための4メソッドを持っています - すべてのユーザーを取得するには
    2. 更新(PUT) - ユーザーのプロパティを更新するには
    3. 削除(DELETE) - ユーザーを削除するには さらに詳しい説明が必要な場合はお知らせください。

    角度を使用してサービスを行うことができます。

    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(){ 
    
        }); 
    
    }) 
    

    あなたURLが適切な休息である場合、これは、$リソースを通じて簡単に行うことができます。

    +0

    ええ、私はそれを知っています。問題は、これらのメソッドをどのように書くのか分かりません。私はそれらを同じコントローラに入れるべきかどうか? – salamanka44

    +0

    私は私の答えを更新します! –

    +0

    私はそれがなぜ投票されたのかわからないのですか? –

    0

    Angluar JS(POST、GET、PUT、DELETE)で標準的な4つの方法を実行できます。これらを角度で使用するには、角度が提供する$ httpサービスを使用する必要があります。ショートカットの方法

    全リスト:

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

    あなたはまた、$httpでメソッドパラメータを使用することができますAngular $http documentationからhttps://docs.angularjs.org/api/ng/service/$http

    0

    :それは彼らのドキュメントをチェックについてアウト詳細を見つけるために、サービス。したがって$http(method: 'DELETE', ...)

    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(){ 
    
        }); 
    
    }]); 
    
    0

    $ resourceを使用してサービスとして返すことができます。お使いのコントローラで

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

    あなたは以下のように新しく作成されたサービスを挿入する必要があります

    app.controller('myCtrl', function($scope, factoryResource) { 
        $scope.resource = factoryResource.getResource('http://localhost:8080/api/v1/projects'); 
        $scope.resource.save(object, successCallback, errorCallback); //post 
        $scope.resource.query(successCallback, errorCallback); //get all 
        $scope.resource.get({id: object.id}, successCallback, errorCallback); //get a specific object 
        $scope.resource.delete({id: object.id}, successCallback, errorCallback); //delete 
    } 
    

    は、この情報がお役に立てば幸いです。

    関連する問題