Javascript 为什么ng repeat不加载变量?
下面是我的JS文件和HTML文件中的代码。我得到的是空的桌子行,但我得到了其中的4行,所以所有的东西都连接好了。知道这是怎么回事吗?使用角度1.3.15Javascript 为什么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 },
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>