保存IDの配列の代わりにオブジェクト

Question

私は、このHTML要素を持っている：

<tags-input 
    ng-model="film.genre" 
    display-property="name" 
    key-property="id" 
    placeholder="Genre" 
    replace-spaces-with-dashes="false"> 
    <auto-complete source="loadGenres($query)"></auto-complete> 
</tags-input> 

これはStackOverflowの上と同様のタグ入力フィールドを作成します。これは使用されているパッケージですhttp://mbenford.github.io/ngTagsInput/

ここでloadGenresは{name: "Genre name", id: 4}のようなオブジェクトを返します。それはfilm.genreに格納されます。 APIサービスはfilm.genre = [4, ...]が基本的にidの配列でなければならないと予想しているので、どちらが問題なのですか。

これを修正する方法は完全にはわかりません。私は私のnewFilm()メソッドのループをfilm.genreで空の配列を作成しようとし、film.genreに代入するよりもその配列にそのIDを追加します。しかし、これは、私はまだいくつかのロジックによって名前：IDのオブジェクトの配列を取得した後、私は映画を出力するように動作しません。私は必要なもの

"genre": [ 0: { "id": 1, "name": "Action" }, 1: { "id": 5, "name": "Comedy" }, ..] 

：

"genre" : [1, 5] 

Answer 1

var result = film.genre.map(function(genre) { 
    return genre.id; 
}); 

は本当にとの作業例については、以下のリンクを参照してください、あなたが必要とするすべてである必要があり、私はfilm.genreに何を得る

あなたのジャンル。

https://jsbin.com/hoxucikako/edit?js,console,output