Как я могу получить значения JSONfield в моем шаблоне

Question

Я попытался найти ответ, но не смог. В моем шаблоне, когда я перебираю JSONfield

{% extends "electronic/electronic_base.html" %} 
{% load staticfiles %} 
{% block content %} 
{% for item in micro_all %} 
<h1>{{item.title}}</h1> 
<table class="table table-condensed"> 
<tbody> 
<tr> 
{% for key in item.attributes%} 
<td>{{key}}</td> 
{% endfor %} 
</tr> 
</tbody> 
</table> 
{% endfor %} 
{% endblock %} 

Я могу получить ключ, но не значение. Пытался использовать значение ключа, значение и печать, но по некоторым причинам он дал мне одиночные буквы даже в формате таблицы. Как я могу получить доступ к значениям в шаблоне

from django.db import models 
from django.contrib.postgres.fields import JSONField 

class Category(models.Model): 
    title = models.CharField(max_length = 200) 
    def __str__(self): 
     return self.title 

class SubCategory(models.Model): 
    title = models.CharField(max_length = 200) 
    category = models.ForeignKey(Category) 
    def __str__(self): 
    return self.title 

class Product(models.Model): 
    title = models.CharField(max_length = 200) 
    category = models.ForeignKey(Category) 
    subcategory = models.ForeignKey(SubCategory) 
    description = models.TextField(blank = True) 
    attributes = JSONField() 
    date= models.DateTimeField('дата добавления') 

    def __str__(self): 
     return self.title 

Это мой models.py

from django.shortcuts import render 
from django.http import HttpResponse 
from .models import Product, Category, SubCategory 

def electronic_micro(request): 
    micro_all = Product.objects.filter(category__title__icontains="Микросхемы") 
    return render(request,'electronic/micro_all.html', {'micro_all': micro_all}) 

def electronic_base(request): 
    return render (request, "electronic/electronic_base.html") 

Это мои взгляды

Answer 1

Вы должны быть в состоянии повторять его как обычный словарь:

<table> 
{% for key,value in item.attributes.items %} 
    <tr> 
     <td>{{key}}</td><td>{{value}}</td> 
    </tr> 
{% endfor %} 
</table>