Javascript AngularJS ng重复未列出数据
我开始学习AngularJS,但我遇到了一个问题。ng repeat没有从阵列中循环通过用户。列表只是空的 这是我的密码 app.js index.html 您的ngRepeat语法是bass ackwards-它是集合中的obj,而不是集合中的obj 您的ngRepeat语法是bass ackwards-它是集合中的obj,而不是集合中的objJavascript AngularJS ng重复未列出数据,javascript,angularjs,Javascript,Angularjs,我开始学习AngularJS,但我遇到了一个问题。ng repeat没有从阵列中循环通过用户。列表只是空的 这是我的密码 app.js index.html 您的ngRepeat语法是bass ackwards-它是集合中的obj,而不是集合中的obj 您的ngRepeat语法是bass ackwards-它是集合中的obj,而不是集合中的obj 你有打字错误。。。它应该是用户中的用户。。。看 随着代码的增长,使用这两种技术可以避免许多$scope问题。。。特别是在回调、函数等情况下,您最终会得
你有打字错误。。。它应该是用户中的用户。。。看
随着代码的增长,使用这两种技术可以避免许多$scope问题。。。特别是在回调、函数等情况下,您最终会得到$scope,这意味着不同的东西,调试起来很痛苦。这是一个和他的你有一个打字错误。。。它应该是用户中的用户。。。看
随着代码的增长,使用这两种技术可以避免许多$scope问题。。。特别是在回调、函数等情况下,您最终会得到$scope,这意味着不同的东西,调试起来很痛苦。这是一个和他的是的,上面的其他答案是原因。由于您正在学习,我建议您将控制器视为功能,并去掉$scope。任何时候你学到东西,他们都会先告诉你错误的方向。是的,上面的其他答案就是原因。由于您正在学习,我建议您将控制器视为功能,并去掉$scope。任何时候你学到东西,他们都会先告诉你错误的方向。当我意识到这个问题时,答案就在那里。。。太快了……+1当我意识到这个问题时,答案就在那里。。。太快了…+1
var app = angular.module('myapp', []);
app.controller('dataCtrl', function ($scope) {
$scope.users = [
{ name: 'Max', age: 20 },
{ name: 'Tom', age: 42 },
{ name: 'Alex', age: 41 },
{ name: 'Thomas', age: 3 },
{ name: 'Andreas', age: 17 },
{ name: 'Richard', age: 11 }
]
});
<!DOCTYPE html>
<html ng-app="myapp" lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<title>Angular JS</title>
</head>
<body>
<div class="container">
<h1>Die Familie</h1>
<table class="table" ng-controller="dataCtrl">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="users in user">
<td>{{user.name}}</td>
<td>{{user.age}}</td>
</tr>
</tbody>
</table>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<script src="app.js"></script>
</body>
</html>
ng-repeat="user in users">
<tr ng-repeat="user in users">
<td>{{user.name}}</td>
<td>{{user.age}}</td>
</tr>
<body ng-controller="MainCtrl as vm">
<p>Hello {{vm.name}}!</p>
<div class="container">
<h1>Die Familie</h1>
<table class="table">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in vm.users">
<td>{{user.name}}</td>
<td>{{user.age}}</td>
</tr>
</tbody>
</table>
</div>
</body>
var app = angular.module('plunker', []);
app.controller('MainCtrl', function() {
var vm = this;
vm.name = 'World';
vm.users = [
{ name: 'Max', age: 20 },
{ name: 'Tom', age: 42 },
{ name: 'Alex', age: 41 },
{ name: 'Thomas', age: 3 },
{ name: 'Andreas', age: 17 },
{ name: 'Richard', age: 11 }
];
});