如何将现成的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>

10-05 20:37
查看更多