0

사용자가 노래를 재생 목록에 추가 할 수있는 뮤직 앱을 만들려고합니다. 연결을 통해 has_many를 만들었습니다. "playlist_songs"가 "노래"대신 재생 목록에 추가되었습니다.has_many through Rails AngularJS Restangular 'POST'

다음은 더 좋은 아이디어를 제공하는 관련 코드입니다.

playlist_song.rb

class PlaylistSong < ActiveRecord::Base 
    belongs_to :playlist 
    belongs_to :song 
end 

song.rb

class Song < ActiveRecord::Base 
    belongs_to :album 
    has_many :playlist_songs 
    has_many :playlists, through: :playlist_songs 
end 

playlist.rb

class Playlist < ActiveRecord::Base 
    belongs_to :user 
    has_many :playlist_songs 
    has_many :songs, through: :playlist_songs 
end 

Song.attribute_names

["id", "url", "name", "created_at", "updated_at", "album_id", "song_title"] 
내가 뭘하려고 오전

PlaylistSong.attribute_names

["id", "playlist_id", "song_id", "created_at", "updated_at"] 

는 특정 재생 목록에 playlist_song를 추가합니다. 이 작업을 수행하는 가장 좋은 방법은 단순히 song_id 및 playlist_id 특성 만있는 playlist_song을 만드는 것입니다. 이렇게하면 내가 필요한 노래 URL과 노래가 속할 playlist_id를 참조하게됩니다.

내가 표시 URL, http://localhost:3000/api/user_profiles/1/playlists/8/song_references,에 playlist_song을 저장하려면 다음

실제 노래를 표시하는 URL, http://localhost:3000/api/user_profiles/1/playlists/8/playlist_songs에서 특히 다른
[ 
    { 
    "id": 14, 
    "playlist_id": 8, 
    "song_id": 2, 
    "created_at": "2016-09-25T15:43:36.459Z", 
    "updated_at": "2016-09-25T15:43:36.459Z" 
    }, 
    { 
    "id": 15, 
    "playlist_id": 8, 
    "song_id": 3, 
    "created_at": "2016-09-25T15:43:36.460Z", 
    "updated_at": "2016-09-25T15:43:36.460Z" 
    } 
] 

특정 재생 목록에 관련 속성 :

namespace :api, defaults: { format: :json } do 
    # resources :newsfeed_item 
    resources :chat_rooms do 
     resources :chat_messages 
    end 
    resources :playlists do 
     resources :playlist_songs 
    end 
    resources :songs 
    resources :venue_requests 
    resources :user_profiles do 
     resources :libraries 
     resources :playlists do 
     resources :playlist_songs 
     resources :song_references 
     end 
    end 
    resources :artist_profiles do 
     resources :albums do 
     resources :album_songs 
     end 
    end 
    end 
:

[ 
    { 
    "id": 3, 
    "url": "https://www.song3url.mp3", 
    "name": "05 Smoke Signal (Original Mix).mp3", 
    "created_at": "2016-09-24T02:33:46.648Z", 
    "updated_at": "2016-09-29T03:44:35.464Z", 
    "album_id": 1, 
    "song_title": null 
    }, 
    { 
    "id": 2, 
    "url": "https://www.song2url.mp3", 
    "name": "07 The Son Of Flynn (Remixed by Moby).mp3", 
    "created_at": "2016-09-24T02:25:52.373Z", 
    "updated_at": "2016-09-24T02:25:52.373Z", 
    "album_id": 1, 
    "song_title": null 
    } 
] 

당신은 아래에있는 내 routes.rb 파일의 특정 API 부분을 볼 수 있습니다 여기

는 playlist_songs를 표시하는 song_references_controller.rb 파일입니다

class Api::SongReferencesController < ApplicationController 
    def index 
    @playlist = Playlist.find(params[:playlist_id]) 
    @playlist_songs = PlaylistSong.where(playlist_id: params[:playlist_id]) 
    render json: @playlist_songs, status: :ok 
    end 

    def new 
    @playlist_song = PlaylistSong.new 
    end 

    def create 
    @playlist_song = PlaylistSong.new(playlist_song_params) 

    if @playlist_song.save 
     render json: @playlist_song, status: :created 
    else 
     render json: @playlist_song.errors, status: :unprocessable_entity 
    end 
    end 

    def playlist_song_params 
    params.fetch(:song, {}).permit(:song_id, :playlist_id) 
    end 
end 

그리고 여기에 개인 재생 목록과 노래뿐만 아니라 $ scope.saveSong 기능 I을 표시하는 PlaylistCtrl.js 파일입니다

(function(){ 
    function PlaylistCtrl($scope, $resource, $interval, Restangular, angularSoundManager) { 
    $scope.addToPlaylistVisible = false; 
    $scope.selectedPlaylist = Restangular.one('api/user_profiles/1/playlists', 8).all('song_references'); 
    $scope.allPlaylists = Restangular.all('api/playlists'); 

    $interval(function(){ 
     $scope.allPlaylists.getList().then(function(playlists) { 
     $scope.playlists = playlists; 
     }); 

     console.log("PLAYLISTS GRABBED"); 
    }, 1000); 

    $scope.basePlaylist = Restangular.one('api/playlists', 8).all('playlist_songs'); 
    $scope.playlistId = '8'; 

    $interval(function(){ 
     $scope.basePlaylist.getList().then(function(songs) { 
     $scope.songs = songs; 
     }); 

     console.log("Playlist Songs GRABBED"); 
    }, 1000); 

    $scope.setPlaylistAttributes = function(playlistId) { 
     $scope.basePlaylist = Restangular.one('api/playlists', playlistId).all('playlist_songs'); 
     $scope.playlistId = playlistId; 
     console.log("CURRENT PLAYLIST ID " + $scope.playlistId) 
    } 

    $scope.setSong = function(songId) { 
     $scope.songId = songId; 
     $scope.addToPlaylistVisible = true; 
     console.log("CURRENT SONG ID " + $scope.songId) 
    } 

    $interval(function(){ 
     $scope.selectedPlaylist.getList().then(function(playlistSongs) { 
     $scope.playlistSongs = playlistSongs; 
     }); 
     console.log("Working"); 
    }, 1000); 


    // CREATE PLAYLIST SONG (song_reference instance) - PLAYLIST ID, SONG ID (NOT SONG, BUT PLAYLIST SONG) 
    $scope.saveSong = function(selectedPlaylistId) { 
     $scope.selectedPlaylist = Restangular.one('api/user_profiles/1/playlists', selectedPlaylistId).all('song_references'); 
     $scope.selectedPlaylistId = selectedPlaylistId; 
     var newSong = { 
      "playlist_id": $scope.selectedPlaylistId, 
      "song_id": $scope.songId, 
     }; 
     $scope.selectedPlaylist.post(newSong).then(function(newSong){ 
     $scope.playlistSongs.push(newSong); 
     console.log(newSong); 
     }) 
    }; 

    $scope.hidePlaylists = function() { 
     $scope.addToPlaylistVisible = false; 
    } 

    } 
    angular 
     .module('PlaylistCtrl', ['angularSoundManager']) 
     .controller('PlaylistCtrl', ['$scope', '$resource', '$interval', 'Restangular', PlaylistCtrl]); 
})(); 

재생 목록/index.html.erb :

<h1>All Playlists</h1> 

<div ng-controller="PlaylistCtrl"> 
    <div> 
    <ul ng-repeat="playlist in playlists"> 
     <li> 
     <a style="cursor:pointer;" ng-click="setPlaylistAttributes(playlist.id);">{{ playlist.name }}</a> 
     </li> 
    </ul> 
    </div> 
    <%= link_to "New playlist", new_user_profile_playlist_path, data: { push: true } %> 
    <br/> 
    <br/> 
    <h3>Selected Playlist</h3> 
    <div> 
    <ul> 
     <li ng-repeat="song in songs"> 
     <a style="cursor:pointer;" music-player="play" add-song="song">{{ song.name }}</a> 
     <button ng-click="setSong(song.id);">ADD TO PLAYLIST</button> 
     </li> 
    </ul> 
    <button play-all="songs" data-play="false">Add all</button> 
    <div ng-if="addToPlaylistVisible"> 
     <a style="cursor:pointer;" ng-click="hidePlaylists();"><img src="/assets/HUD_icons/x.png"/></a> 
     <ul ng-repeat="playlist in playlists"> 
     <li> 
      <a style="cursor:pointer;" ng-click="saveSong(playlist.id);">{{ playlist.name }}</a> 
     </li> 
     </ul> 
    </div> 
    </div> 
</div> 
재생 목록에 playlist_songs을 저장 사용하고 0

그러나 추가 할 올바른 노래를 선택한 후 추가 할 노래의 재생 목록을 선택하고 playlist_song을 저장하면 재생 목록 노래와 함께 속성이 저장되지 않습니다.

레일 콘솔에서 찾고,이처럼 보이는 개체를 얻을 :

=> #<PlaylistSong:0x007f9397d3c700 
id: 48, 
playlist_id: nil, 
song_id: nil, 
created_at: Wed, 12 Oct 2016 00:50:47 UTC +00:00, 
updated_at: Wed, 12 Oct 2016 00:50:47 UTC +00:00> 

을하지만 서버 로그에서 볼 :

Started POST "/api/user_profiles/1/playlists/8/song_references" for ::1 at 2016-10-11 20:50:47 -0400 
Processing by Api::SongReferencesController#create as JSON 
    Parameters: {"playlist_id"=>"8", "song_id"=>4, "user_profile_id"=>"1", "song_reference"=>{"playlist_id"=>"8", "song_id"=>4}} 
    (0.1ms) begin transaction 
    SQL (1.1ms) INSERT INTO "playlist_songs" ("created_at", "updated_at") VALUES (?, ?) [["created_at", "2016-10-12 00:50:47.752976"], ["updated_at", "2016-10-12 00:50:47.752976"]] 
    (8.2ms) commit transaction 
Completed 201 Created in 19ms (Views: 0.5ms | ActiveRecord: 9.5ms) 

나는에 playlist_song_params을 변경하는 경우

def playlist_song_params 
    params.require(:playlist_song).permit(:song_id, :playlist_id) 
    end 

내가 400 잘못된 요청 오류가 발생하고, I : song_references_controller.rb 파일들은 읽을 수 있도록 서버 로그에서 볼 :

Started POST "/api/user_profiles/1/playlists/8/song_references" for ::1 at 2016-10-11 20:50:47 -0400 
Processing by Api::SongReferencesController#create as JSON 
    Parameters: {"playlist_id"=>"8", "song_id"=>4, "user_profile_id"=>"1", "song_reference"=>{"playlist_id"=>"8", "song_id"=>4}} 
    (0.1ms) begin transaction 
    SQL (1.1ms) INSERT INTO "playlist_songs" ("created_at", "updated_at") VALUES (?, ?) [["created_at", "2016-10-12 00:50:47.752976"], ["updated_at", "2016-10-12 00:50:47.752976"]] 
    (8.2ms) commit transaction 
Completed 201 Created in 19ms (Views: 0.5ms | ActiveRecord: 9.5ms) 

오전 나는 완전히 꺼 기지 내 "playlist_songs을"절약에 대해 갈 방법에 관해서는?

그렇다면 "strong.SparSong"함수 내에서 "newSong"변수를 설정하는 방법과 마찬가지로 내 strong_params를 구성하는 방법에 대해 약간의 설명을 들으시겠습니까?

내 프로젝트에 다른 코드가 필요한 경우 알려 주시면 기꺼이 제공해 드리겠습니다.

답변

0

답변을 찾았습니다. 나는 playlist_song을 얻을 수 있었다 다음에 playlist_song_params을 변경하여 저장하는 속성 :

def playlist_song_params 
    params.permit(:playlist_id, :song_id) 
end 

나는 사람이 되거하고자하는 경우, 그것은 크게 감상 할 수 있도록이이 일을 왜 아무 생각이 없습니다.