gpt4 book ai didi

javascript - 如何在 ng-repeat 中设置表单输入值?

转载 作者:行者123 更新时间:2023-12-03 06:39:18 25 4
gpt4 key购买 nike

我有一个 ng-repeat 从 Spotify 获取歌曲。对于 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>

我可以使用重复内的表达式成功设置输入的占位符,如下所示:

placeholder="{{song.name}}"

但我似乎无法像这样设置输入的值:

value="{{song.name}}"

如果我尝试提交带有使用表达式设置的值的表单,则传递到 ng-submit 函数的 SongName 参数是未定义的。

如何在 ng-repeat 中设置默认表单输入值?

最佳答案

尝试将 obj 属性 Song.name 直接传递到函数中,并将输入的模型设置为 Song.name

关于javascript - 如何在 ng-repeat 中设置表单输入值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38040817/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com