Как обновить список API Restfull в Django с помощью AngularJs - PullRequest
0 голосов
/ 24 августа 2018

Я пытаюсь создать простую систему приглашений и хочу обновить определенное поле «принято» с ложного на истинное для каждого приглашения, когда я нажимаю кнопку «Принять» в шаблоне. я новичок в AngularJs

Restfull Api в URL / сайт / приглашения /:

HTTP 200 OK
Allow: GET, POST, HEAD, OPTIONS
Vary: Accept
Content-Type: application/json

[
    {
        "id": 10,
        "user_from_name": "achref97",
        "accepted": false,
        "deleted": false,
        "user_from": 22,
        "user_to": 24,
    }
]

template.html:

<div class="col-lg-7 col-md-6 no-pd"  ng-app="isamm.demo" >
   <div class="main-ws-sec">
        <div class="posts-section">
            <div class="post-bar">
            <div class="job_descp" ng-controller="InvitationController">
            {% verbatim  %}
            <div ng-repeat="invite in invitations">
            <h3>pour {{invite.user_from}}</h3>

            <button ng-click="update()">accept</button>

</div>
{% endverbatim  %}


</div>
</div>
</div>
</div>
</div>

JavaScript: Как вы можете видеть, я получаю список приглашений из / site / invitations /, затем в шаблоне я создаю кнопку с функцией update (), но я не могу продолжать оттуда, любая помощь ?.

(function(){
    'use strict';
    var app = angular.module('isamm.demo', []);




        app.controller('InvitationController', function ($scope,$http) {
            $scope.invitations= [];
            $http.get('/site/invitations/').then(function(response){
                $scope.invitations= response.data;

            });
            $scope.update = function (){
                // What to do here?
            };





            });






}());

1 Ответ

0 голосов
/ 25 августа 2018
$scope.update = function (id){
    $scope.invitations.filter(invite => {
        if (id === invite.id) {
            invite.accepted = true;
        } 
    });
};

и передайте метод allow.id для обновления метода в разметке

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...