使用预定义标记进行角度重复重复

时间:2015-04-11 20:26:54

标签: javascript django angularjs

如何将现成的html对象列表导入到angulars商店?

例如,在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循环和用于使用javascript创建新产品的Angular循环。

将数据加载到角度的正确方法是什么?

1 个答案:

答案 0 :(得分:1)

您只需生成数据的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>