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

How can i add html fragment using json in Django?

本文关键字：json 添加 html 片段 Django      更新时间：2023-09-26

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

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

所以，我做了javascript。 

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 %} 或模板标签？

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

你可以试试 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>
相关文章：