Question

以下是我的JS文件和我的HTML文件中的代码。我得到空表行，但我得到了4个，所以一切都正确连接。知道这里发生了什么吗？使用角度1.3.15

var myApp = angular.module("myApp", []);
myApp.controller("myCtrl", function($scope, $http) {
$scope.vals = [
        {
      "name": "Orders",
      "value": 12
    },
    {
      "name": "Customers",
      "value": 100
    },
    {
      "name": "Dollars",
      "value": 1000
    },
    {
      "name": "Dollars",
      "value": 1000
    }
    ];
});

<div class="container" ng-app="myApp" ng-controller="myCtrl">
    <table>
        <tr ng-repeat="v in vals">
            <td>{{ v.name }}</td>
            <td>{{ v.value }}</td>
        </tr>
    </table>
</div>

编辑：输出的HTML是：

<table>
        <tbody><!-- ngRepeat: v in vals --><tr ng-repeat="v in vals" class="ng-scope">
            <td></td>
            <td></td>
            <td></td>
        </tr><!-- end ngRepeat: v in vals --><tr ng-repeat="v in vals" class="ng-scope">
            <td></td>
            <td></td>
            <td></td>
        </tr><!-- end ngRepeat: v in vals --><tr ng-repeat="v in vals" class="ng-scope">
            <td></td>
            <td></td>
            <td></td>
        </tr><!-- end ngRepeat: v in vals --><tr ng-repeat="v in vals" class="ng-scope">
            <td></td>
            <td></td>
            <td></td>
        </tr><!-- end ngRepeat: v in vals -->
    </tbody></table>

Answer 1

我正在使用使用Jinja进行模板化的烧瓶。在我的模板中，我有{{v.name}}，jinja插入。我添加了一个角度过滤器，它允许角度在没有jinja干扰的情况下做它需要的东西。我以前遇到过这个问题而忘记了。

浪费了几个小时！

Answer 2

它对我有用，无需更改任何代码。（可能是CSS问题吗？）。既然你说你看到4行，那么它可能不是Angular问题。

这是一个jsFidle：https://jsfiddle.net/shimonb/h44rduky/

为什么ng-repeat没有加载变量？

2 个答案: