在django中将动态变量从父模板传递给子模板答案

【问题标题】：passing dynamic variable from parent template to child template in django在django中将动态变量从父模板传递给子模板
【发布时间】：2020-09-27 01:25:21
【问题描述】：

我有一个模板songs.html，其中包含一个子模板addToPlaylist.html。我需要动态添加到播放列表的歌曲的标题。这是songs.html 的代码，其中包括addToPlaylist.html。

                {% for song in songs  %}
                <div class="col-16 col-sm-4 col-md-3 col-lg-2 single-album-item">
                    <div class="single-album">
                        <img src="{{MEDIA_URL}}{{song.image.url}}" alt="">
                        <div class="album-info">
                            <a href="{% url 'playSong' 'song' song.tittle %} ">
                                <h5>{{song.tittle}}</h5>
                            </a>
                            <p>{{song.album}}</p>
                            {% include "songs/addToPlaylist.html" with song_to_add=song.tittle %}
                            <a data-toggle="modal" href="#addToPlaylist" style="color: dimgrey; font-size: small;">Add to Playlist</a>
                        </div>
                    </div>
                </div>
                {% endfor %}

这是addToPlaylist.html的代码

              <div class="form-group" style="width: 100%;">
                  <ul class="list-group list-group-flush" style="width: 100%;">
                    {% for playlist in playlists %}
                    <li class="list-group-item"><a href="{% url 'addToPlaylist' playlist.name song_to_add %}">{{playlist.name}}</a></li>
                    {% endfor %}
                </ul>
                  </div>

但是为song_to_add 分配动态值不起作用。该变量不会向下传递给子模板。

这是传递播放列表值的views.py 代码

    if request.user.is_authenticated:
        playlists = Playlist.objects.filter()
    songs = Song.objects.all()
    return render(request, "songs\\songs.html", {'songs': songs, 'playlists':playlists,})

这是我的Song 模型

class Song(models.Model):
    GENRES = [
        ('Rock','Rock'),
        ('Hip Hop','Hip Hop'), 
        ('Blues', 'blues'), 
        ('Heavy Metal', 'Heavy Metal'), 
        ('Classical', 'Classical'), 
        ('Funk', 'Funk')]
    tittle = models.CharField(max_length=255)
    album = models.CharField(max_length=255, null = True, blank = True)
    genre = models.CharField(max_length = 30, choices=GENRES)
    image = models.ImageField(upload_to='images/', blank = True , null = True)
    songFile = models.FileField(upload_to='musics/', help_text=("Allowed type - .mp3, .wav, .ogg"))
    uploaded_at = models.DateTimeField(auto_now_add=True)

另外，我试过this solution。

【问题讨论】：

在addToPlaylist.html 中，您正在迭代集合playlists，而您将song.title 作为song_to_add 从父模板传递。
@Moosa 我想要在父级中迭代的song.title 的值。所以我可以将相关歌曲添加到用户选择的播放列表中。 song.title 应该是点击了addToPlaylist 按钮的歌曲的标题。
我很好奇即使playlists 可以在子模板中访问。如果您能分享确切的错误，将会很有帮助。
@Moosa 是的 playlists 可在子模板中访问，但它是直接从视图传递的。我已经编辑了问题并包含了views.py 代码。
@Moosa 错误是这个NoReverseMatch at /song Reverse for 'addToPlaylist' with arguments '('broken', '')' not found. 1 pattern(s) tried: ['addToPlaylist/(?P<playlist>[^/]+)/(?P<song>[^/]+)$'] 因为song_to_add 是未定义的所以url 会导致问题。

标签： python django variables django-templates include

【解决方案1】：

你的<h5>{{song.tittle}}</h5>呢？如果你剪掉你的坏代码，它是否显示正常？我认为您的 {{song.tittle}} 返回空字符串或 None 并且必须重写为 {{song.title}}

如果不适合您，请出示您的歌曲型号代码。

【讨论】：

yes <h5>{{song.tittle}}</h5> 显示正常。但是当通过{% include "songs/addToPlaylist.html" with song_to_add=song.tittle %} 传递给子模板时，它返回 None 或者在那里未定义。
我已编辑问题并添加了我的Song 型号代码
你试过song.title而不是song_to_add中的{% url %}吗？您是否尝试在一些 span 或 p 标记中显示 song_to_add？
是的 song.title 在父模板中的 span 和 p 中工作正常，但在子模板中未定义。 song.title 在 url 中使用时也不起作用。实际上我需要将song.title 的动态值传递给子模板，我做不到。

【解决方案2】：

我通过将子模板 modal form 放在父模板文件中并将唯一 ID 分配给模态表单来解决我的问题。通过这种方式，我可以为每首歌曲单独调用addToPlaylist。

【讨论】：