Question

我有以下模板文件：

<h1>{{title}}</h1>
<ul>
    <li ng-repeat="friend in friends">
        <input type="text" ng-model="friend.name">
        <input type="text" ng-model="friend.gender">
    </li>
</ul>

<button ng-click="save()" class="btn btn-primary">Save</button>

我有相应的控制器文件：

angular
  .module('app')
  .controller('homeCtrl', ['$scope', 'friends', '$http', function($scope, friends, $http) {
        $scope.title = "Home";
        $scope.friends = friends;
        $scope.save = function(){
            $http.put('http://localhost:8000/ip', friends)
            (JSON.stringify($scope.friends));
        };
    }]);

我的API使用唯一的MongoDB _id获取PUT请求以更新单个文档。
上面的模板为我的集合中的每个文档创建了2个输入字段（mongodb模型）。
如何更改我的代码以在每行旁边显示“保存”按钮，如果点击则按以下格式发送投放请求：http://localhost:8000/ip/_id, jsondata

这样的事情：<button ng-click="save(friend._id)" ng-model="friend._id" class="btn btn-primary">Save</button>

在控制器中就像这样：$http.put('http://westeros:9000/ip/:_id', friends)

Answer 1

HTML：

<h1>{{title}}</h1>
<ul>
    <li ng-repeat="friend in friends">
        <input type="text" ng-model="friend.name">
        <input type="text" ng-model="friend.gender">
        <button ng-click="save(friend)" class="btn btn-primary">Save</button>
    </li>
</ul>

JS：

angular
  .module('app')
  .controller('homeCtrl', ['$scope', 'friends', '$http', function($scope, friends, $http) {
        $scope.title = "Home";
        $scope.friends = friends;
        $scope.save = function(friend){
            $http.put('http://localhost:8000/ip/'+ friend.id, friend )

        };
    }]);

Angular.js：如何将一个唯一的id和json数据放入REST API？

1 个答案: