问将“dict”对象从Django模板传递到角控制器--避免jsonify和解析

EN

class Menu(TemplateView):
    template_name = 'menu.html'

    def get_context_data(self, **kwargs):
        context = super(Menu, self).get_context_data(**kwargs)
        # Using the DRF API to fetch the data for template view
        menus = requests.get('http://127.0.0.1:8000/api/v1/menus/').json()
        context['menu'] = menus
        return context

<div class="row" ng-controller="MenuController as vm">
    <ul>
        {% for menu_item in menu.menu_items %}
            <li class="col-xs-12 col-sm-6 col-md-4">
                <!-- menu_item is dict type object -->
                <button class="btnRed txtUpper" 
                    ng-click="vm.addToCart('{{ menu_item|to_json|escapejs }}')">
                    Add to cart
                </button>
            </li>
         {% endfor %}
    </ul>
</div>

@register.filter
def to_json(value):
    return json.dumps(value)

angular.module('menu', [])

.controller('MenuController', ['$log', function($log) {
    this.addToCart = function(menuItem) {
        menuItem = JSON.parse(menuItem);
        $log.debug('Adding MenuItem to Cart: ' + menuItem);
        $log.debug('Adding MenuItem to Cart: ' + menuItem['id']);
    };
}]);