複数の変数を含む角度1.x配列プッシュ

Question

私の配列のhtml形式でテキストをプッシュしたいと思います。問題は、私が見たチュートリアルでは1つの変数をどのように追加するかしか説明していないことです。

マイアレイ： （これは私が意味するということです）

$scope.titles = [{ 
    title: 'New Divide', 
    artist: 'Linkin Park', 
    album: 'New Divide', 
    genre: 'Rock', 
    cover: 'new-divide.jpg', 
    titleLength: '4:28', 
    file: 'test' 
}]; 

私のHTMLフォーム：

<form ng-submit="musicController.addMusic(musicController.titles, musicController.artist, musicController.album, musicController.genre, musicController.titleLength, musicController.cover, musicController.file)"> 
     <input ng-model="musicController.title" type="text" /> 
     <input ng-model="musicController.artist" type="text" /> 
     <input ng-model="musicController.album" type="text" /> 
     <input ng-model="musicController.genre" type="text" /> 
     <input ng-model="musicController.titleLength" type="text" /> 
     <input ng-model="musicController.cover" type="text" /> 
     <input ng-model="musicController.file" type="text" /> 
     <button type="submit" class="btn btn-primary">Add</button> 
</form> 

Answer 1

あなたがオブジェクトのプロパティとしてあなたの入力のそれぞれについて、NG-モデルを定義する必要があります。あなたは、個々の値プッシュする必要はありませんので、彼らはすべてのオブジェクトにグループ化されますその方法：だけ明確にする

<form ng-submit="musicController.addMusic(musicController.record)"> 
     <input ng-model="musicController.record.title" type="text" /> 
     <input ng-model="musicController.record.artist" type="text" /> 
     <input ng-model="musicController.record.album" type="text" /> 
     <input ng-model="musicController.record.genre" type="text" /> 
     <input ng-model="musicController.record.titleLength" type="text" /> 
     <input ng-model="musicController.record.cover" type="text" /> 
     <input ng-model="musicController.record.file" type="text" /> 
     <button type="submit" class="btn btn-primary">Add</button> 
</form> 

は、あなたのaddMusic関数は、次のようになります。

$scope.addMusic = function(record) { 
    $scope.titles.push(record); 
};