所以我在 app.js 中有这个简单的 Controller
var app = angular.module('graphPlotterDemoApp', []);
app.controller('PlotCtrl1', function ($scope) {
$scope.data = [{
x: [1, 2, 3, 4],
y: [10, 15, 12, 17]}];
});
我正在尝试将它绑定(bind)到一个表 ...
<!DOCTYPE html>
<html>
<head lang="en">
<script src="angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="graphPlotterDemoApp">
before div = PlotCtrl1
<div ng-controller="PlotCtrl1">
{{data}}
<table>
<thead><tr><td>x</td><td>y</td></tr></thead>
<tbody ng-repeat='x1 in data[0].x'>
<tr>
<td><input type='number' ng-model='x1'></td>
<td><input type='number' ng-model='data[0].y[$index]'></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
事实证明,ng-model='data[0].y[$index]
有双向数据绑定(bind),但 ng-model='x1' 没有
!
有人知道这是什么原因吗?
最佳答案
在 wiki 中查看此页面。 https://github.com/angular/angular.js/wiki/Understanding-Scopes#ng-repeat
这一切都是关于在使用 Angular Scoping 时理解对象和基元之间的区别。
关于javascript - angularJS 中的绑定(bind)数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35279571/