如何在 Django 中使用 json 添加 html 片段？答案

【问题标题】：How can i add html fragment using json in Django?如何在 Django 中使用 json 添加 html 片段？
【发布时间】：2016-11-18 06:17:43
【问题描述】：

我从 json 中获取应该呈现到每个项目的页面的数据，例如

"Item1" : { name: bla,
age: bla, height: bla }, 
"Item2" : { name: bla,
age: bla, height: bla }, 
"Item3" : { name: bla,
age: bla, height: bla }.

所以，我制作了 javascripts

function appendList(ajaxCardsData) {
    for (var loop in ajaxCardsData) {
        var str = "<li class='node'>test</li>";
        $("ul.toappend").append(str);
    }
}

问题是，var str 太长了。（以上示例仅用于测试。）我可以使用其他方式在 Django 中的 javascript 中添加 html 片段吗？喜欢使用 {% include %} 或模板标签？

使用模板标签功能如何使用 from django.template 导入加载器加载模板？有可能吗？

【问题讨论】：

标签： javascript html json django

【解决方案1】：

你可以试试 Angular js

javascript

var app = angular.module('myapp', ['Controllers'])
.config(function($interpolateProvider){
    $interpolateProvider.startSymbol('$$');
    $interpolateProvider.endSymbol('$$');
});
var Controllers = angular.module('Controllers',[]);
Controllers.controller('myController',['$scope',function($scope){
 $scope.data = ajaxCardsData;
}]);

html

<body ng-app="myapp">
  <div ng-controller = "myController">
    <ul ng-repeat="item in data">
      <li>$$item$$<li>
    </ul>
  </div>
</body>

【讨论】：