如何在angularjs中执行更新(PUT)调用?

如何在angularjs中执行更新(PUT)调用?,angularjs,crud,Angularjs,Crud,我对angularjs是新手 我有以下UI模板DashBoard.html 单击“创建新事件”时,我正在将数据发布到服务器 在上面的屏幕截图中,=>是编辑功能 点击我在UI模板下面显示的铅笔符号。 管理CMS.html 现在我想用预先填充的值填充这些空文本框 还有,单击SAVE按钮,我想将数据更新到服务器 我怎样才能做到这一点 请帮忙 我正在尝试的代码: codeApp.controller('DashboardController', function($scope, $rootScope

我对angularjs是新手

我有以下UI模板DashBoard.html

单击“创建新事件”时,我正在将数据发布到服务器

在上面的屏幕截图中,=>编辑功能

点击我在UI模板下面显示的铅笔符号。 管理CMS.html

现在我想用预先填充的值填充这些空文本框

还有,单击SAVE按钮,我想将数据更新到服务器

我怎样才能做到这一点

请帮忙

我正在尝试的代码:

codeApp.controller('DashboardController', function($scope, $rootScope, $location, $http) {

    $scope.username = "Admin";

    $scope.apps = [];

    $scope.initController = function(){

        var appDetails = new Array();
        var appObject = new Object();
        $scope.id = sessionStorage.id;

        $http.get('http://192.168.1.30:8090/apps/').
            success(function(data, status, headers, config) {
                console.log(data);

                for(var key in data._embedded.apps){
                    appObject = data._embedded.apps[key];
                    appDetails.push(appObject);
                    $rootScope.appId = data._embedded.apps[key].appId;
                }
                $scope.appDetails = appDetails;
            }).
            error(function(data, status, headers, config) {
                alert("Failed to load app details");
            });
    };

    $scope.go = function (path) {
        $location.path(path);
        var display = false;
        if(!display){

        }
    };

   $scope.addApp = function(){      
        $scope.apps.push({'name':$scope.name, 'domain': $scope.domain, 'appId' : $scope.appId, 'secret' : $scope.secret});
        // Writing it to the server
        //      
        var dataObj = {
                name : $scope.name,
                domain : $scope.domain,
                appId : $scope.appId,
                secret : $scope.secret
        };  
        var res = $http.post('http://192.168.1.30:8090/apps/', dataObj);
        res.success(function(data, status, headers, config) {
            $scope.message = data;
        });
        res.error(function(data, status, headers, config) {
            alert( "failure message: " + JSON.stringify({data: data}));
        });     
        // Making the fields empty
        //
       $scope.name='';
       $scope.domain='';
       $scope.appId = '';
       $scope.secret = '';
    };

});

注意:相同的保存按钮用于服务器端功能,即POST和PUT

单击编辑按钮可以传递该行的数据,最简单的方法是使用模式(我更喜欢使用基于引导的角度引导,通过角度ui)。
将ng repeat行的数据传递给modal,然后更新表单中的数据。保存时,您可以调用$http.put/post将数据更新到服务器。

请显示您尝试\实现了什么?这个问题太笼统了,可以有多种方法。@Chandermani请看我添加的代码。你的问题是什么$http有一个put()方法,其工作方式与post()相同。所以当你想把它放进去而不是放进去时就用它。@JB基本上,当我点击编辑时,我需要在文本框中显示已经填充的值。那么怎么做呢?您发送一个GET请求来获取要显示的数据,并将这些数据存储在作用域中,视图希望找到它们的位置。我在单击“编辑”按钮时将数据传递到该行,但如何在HTML中利用它从传递的数据在文本框中显示这些值。如果使用angular ui引导模式,则可以将数据用作解析变量。他们网页上的例子很有说明性。一旦在范围中有了变量,就可以在视图中随时使用它。