Ada*_*dam 2 angularjs 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>
这是浏览器中显示的内容:
First Second Third
start end
start end
start end
start end
它不会打印出{{number}}.万分感谢任何能告诉我为什么会这样的人!
似乎Jinja表达式:"{{}}"与角度表达式冲突:"{{}}".试试这个:
<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', []);
// solved conflict with {{}} of jinja, now we use [[]] for angular expressions
numberApp.config(['$interpolateProvider', function ($interpolateProvider) {
$interpolateProvider.startSymbol('[[');
$interpolateProvider.endSymbol(']]');
}]);
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>
| 归档时间： |
|
| 查看次数： |
922 次 |
| 最近记录： |