Javascript 简单数组的基本ng重复
就我的一生而言,我无法理解为什么我的简单一维数组不能使用ng repeat打印出来。我尝试了十几种不同的组合,以至于我失去了Javascript 简单数组的基本ng重复,javascript,arrays,angularjs,angularjs-ng-repeat,Javascript,Arrays,Angularjs,Angularjs Ng Repeat,就我的一生而言,我无法理解为什么我的简单一维数组不能使用ng repeat打印出来。我尝试了十几种不同的组合,以至于我失去了这个关键字的意义 老实说,我什么都试过了。我真的很难受 我到底做错了什么???使用控制器作为语法-您在控制器中引用这个,而不是$scope: //In the controller this.linkList = [1,2,3,4]; 视图: {{x} 演示: 如果您检查控制台,您可以看到出现错误(未定义,等等)当不使用控制器作为语法时,我将引用$scope,如下所示
这个
关键字的意义
老实说,我什么都试过了。我真的很难受
我到底做错了什么???使用
控制器作为语法-您在控制器中引用这个,而不是$scope
:
//In the controller
this.linkList = [1,2,3,4];
视图:
{{x}
演示:
如果您检查控制台,您可以看到出现错误(未定义,等等)当不使用控制器作为
语法时,我将引用$scope
,如下所示:
app.js
var app = angular.module('test', []);
app.controller('MainCtrl', function($scope) {
$scope.theList = list1;
});
var list1 = [1,2,3,4];
查看
<body ng-app="test">
<div ng-controller="MainCtrl">
<div ng-repeat="j in theList">{{ j }}</div>
</div>
</body>
{{j}
他还需要引用list2数组中的字符串。
<p ng-repeat="x in linkList">{{x}}</p>
var app = angular.module('test', []);
app.controller('MainCtrl', function($scope) {
$scope.theList = list1;
});
var list1 = [1,2,3,4];
<body ng-app="test">
<div ng-controller="MainCtrl">
<div ng-repeat="j in theList">{{ j }}</div>
</div>
</body>