小编Ada*_*dam的帖子

Angularjs ng-repeat不是打印变量

我在localhost:5000上用烧瓶运行它.如果我只是用浏览器打开html文件,它可以工作,但它不适用于烧瓶.我有一个名为"arr"的数组,其中有4个数字位于我的控制器内.我想打印出每个数字,但ng-repeat不会这样做.真正有趣的关键是ng-repeat将重复等于数组中项目数的次数,这样就可以了,但它无法在ng-repeat =中打印变量{{number}} arr中的数字".这是我的代码:

<html ng-app='numberApp'>
<head>
  <meta charset="utf-8">
  <title>Cool</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
  <script>
  var numberApp = angular.module('numberApp', []);
  numberApp.controller('numberCtrl', function($scope, $http){
      $scope.arr = [2, 4, 5, 6];
    });
  </script>
</head>
<body ng-controller="numberCtrl">
  <table>
    <tr>
      <th>First</th>
      <th>Second</th>
      <th>Third</th>
    </tr>
    <tr ng-repeat="number in arr">
      <td> {{ 'start' }} </td>
      <td> {{ number }} </td>
      <td> {{ 'end' }} </td>
    </tr>
  </table>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是浏览器中显示的内容:

First   Second  Third
start           end
start           end
start           end
start           end
Run Code Online (Sandbox Code Playgroud)

它不会打印出{{number}}.万分感谢任何能告诉我为什么会这样的人!

angularjs angularjs-ng-repeat

2
推荐指数
1
解决办法
922
查看次数

标签 统计

angularjs ×1

angularjs-ng-repeat ×1