angularjs $ zasobów i Hypermedia

Question

Mam angularjs $ zasób zdefiniowany następująco:

var Menus = $resource('http://cafe.com/api/menus'); 

i REST API. Więc kiedy zrobić GET na Menus otrzymuję ten powrotem:

<cafe> 
    <collection href="http://cafe.com/api/menus" type="menus"> 
    <template> 
     <data name="Name" prompt="Menu name" /> 
    </template> 
    <items> 
     <item href="http://cafe.com/api/menus/1"> 
     <link href="http://cafe.com/api/menus/1/ingredients" rel="ingredients" /> 
     <data name="Name" prompt="Menu name">Morning</data> 
     </item> 
     <item href="http://cafe.com/api/menus/2"> 
     <link href="http://cafe.com/api/menus/2/ingredients" rel="ingredients" /> 
     <data name="Name" prompt="Menu name">Happy Hour</data> 
     </item> 
    </items> 
    </collection> 
</cafe> 

pytanie brzmi:, w jaki sposób mogę usunąć menu 2? (biorąc pod uwagę, że ma on własny link hipermediowy: http://cafe.com/api/menus/2)

Answer 1

Zakładając, że masz już z XML do kątowym zarządzane tablicę obiektów JavaScriptu, można to wykorzystać, aby uczynić swoje obiekty:

<tr ng-repeat="cafe in cafes"> 
    <td>{{cafe.name}}</td> 
    <td> 
     <button class="btn" ng-click="deleteCafe($index, cafe)">Delete</button> 
    </td> 
</tr> 

w kontrolerze można to zrobić:

Zobacz, bez tworzenia po stronie klienta adresów URL! :)

zmiana: naprawiono błąd w poleceniu splotem, był splice(index, index), ale powinno być splice(index, 1).

Answer 2

Jeśli usługa REST zwraca wartość JSON do wartości kątowej, a JSON zawiera identyfikator menu w zwróconych danych.

var Menu = $resource('http://cafe.com/api/menus/:id', { id: '@id' }); // replace @id with @<the id field in your json object> 

// Delete menu 2 
Menu.delete({id: 2}, function(){ // Success callback 
    // Get all menus, 
    var menus = Menu.query(function() { // Success callback 
    // alternative delete syntax: 
    var lastMenu = menus.pop(); 
    lastMenu.$delete(); 
    }); 
});