的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> 

这将创建一个类似的标签输入字段＃2。这是正在使用的包http://mbenford.github.io/ngTagsInput/

现在，loadGenres将返回一个对象，如{name: "Genre name", id: 4}。它将被存储到film.genre中。这是一个问题，因为API服务期望film.genre = [4, ...]基本上它必须是一个id数组。

我不完全确定如何解决这个问题。我试图在我的newFilm()方法循环film.genre中创建一个空数组，并将id添加到该数组，然后将其分配给film.genre。然而，这不起作用，因为当我输出电影后，我仍然得到一个对象的数组，其中name：id由某种逻辑。

我得到film.genre：

"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; 
}); 

真的应该是所有你需要，请参阅以下链接与工作示例你的流派。

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