Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么ng repeat不加载变量?_Javascript_Angularjs - Fatal编程技术网

Javascript 为什么ng repeat不加载变量?

Javascript 为什么ng repeat不加载变量?,javascript,angularjs,Javascript,Angularjs,下面是我的JS文件和HTML文件中的代码。我得到的是空的桌子行,但我得到了其中的4行,所以所有的东西都连接好了。知道这是怎么回事吗?使用角度1.3.15 var myApp = angular.module("myApp", []); myApp.controller("myCtrl", function($scope, $http) { $scope.vals = [ { "name": "Orders", "value": 12 },

下面是我的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
    }
    ];
});

{{v.name}
{{v.value}}
编辑:输出的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>

它确实对我有用,而不会更改任何代码。 (可能是
CSS
问题?)。 既然你说你看到了4行,那么这可能不是一个角度的问题


下面是一个jsFidle:

我正在使用flask,它使用Jinja作为模板。在我的模板中,我有{v.name},jinja对其进行插值。我添加了一个角度过滤器,它允许angular在不受jinja干扰的情况下做它需要做的事情。我以前有过这个问题,只是忘记了


浪费几个小时真是太好了

还有一些问题,这里有一个直接复制并粘贴到@mergesort中的代码:您的代码可以与我一起工作。检查是否链接到angularjs库,将angularjs代码加载到正确的位置(head或body标记)。得到的错误是什么?没有得到任何错误。添加结果HTML@mergesort,你能贴一张破照片吗?我们中没有人能用你们提供给我们的东西来重现你们的问题——一切都很有效。
<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>