2016-06-26 5 views
0

私はSpotifyから曲を入手するng-repeatを持っています。 ng-repeatの各曲については、曲の情報に基づいて入力値があらかじめ入力されたフォームが必要です。ここでng-repeatの中でフォーム入力値を設定するには?

私の見解である:

<div ng-repeat="song in spotifyResults"> 
    <h1>{{song.name}}<h1> 
    <h2>Artist: {{song.artists[0].name}}</h2>  
    <h3>Album: {{song.album.name}}</h3> 
    <h4>{{song.id}}</h4> 
    <iframe ng-src="{{getIframeSrc(song.id) | trusted}}" width="100%" height="50%" frameborder="0" allowtransparency="true"></iframe> 

    <form class="form" name="form" ng-submit="selection.addSong(songName)" novalidate> 
    <div class="form-group"> 
     <label>Name</label> 
     <input type="text" value="{{song.name}}" name="songName" class="form-control" ng-model="songName" required/> 
    </div> 
    <button class="btn btn-primary">Save Song</button> 
    </form> 
<hr> 
</div> 

私はsuccessfulyそうのような繰り返しの内側表現を使って入力するプレースホルダを設定することができます。

placeholder="{{song.name}}" 

しかし、私は設定されているように見えることはできません値は次のように入力します。

value="{{song.name}}" 

n式では、ng-submit関数に渡されるsongName引数は未定義です。

ng-repeat内でデフォルトのフォーム入力値を設定するにはどうすればよいですか?

答えて

1

は、関数に直接OBJプロパティsong.nameを渡して試してみて、

+0

をsong.nameする入力のモデルを設定し、私はそれを試してみましたが、それはトリックを行うように見えました!私は2番目のビューの更新された作業バージョンを投稿します – Jcr

+0

それを聞いてよかった! –

関連する問題