如何将现成的HTML对象列表导入角度存储?
例如,在Django模板中,我可以执行以下操作:
{% for product in products %}
<div class="product">{{ product.title }}</div>
{% endfor %}
<div class="product" ng-repead="product in products">{% verbatim %}{{ product.title }}{% endverbatim %}</div>
Django的循环用于向用户输出产品,而Angular的循环用于使用javascript创建新产品。
将数据加载到角度的正确方法是什么?
最佳答案
您可以只生成数据的json表示并将其分配给控制器中的$ scope变量。
通常,您将使用REST API通过$ http或$ resource从服务器获取数据。
但是,如果要避免额外的调用,可以在<script>
标记内的第一个html中包含数据。以JSON输出数据并将其分配给变量。然后在需要的地方使用它。
像这样:
<html>
<body>
<div ng-repeat="item in items">{{item}}</div>
<script>
var data = { ... your data here, generated by Django when serving the HTML ... }
... in your controller...
$scope.items = data;
...
</script>
</body>
</html>