Javascript 在angularJS中绑定数据_Javascript_Angularjs

Javascript 在angularJS中绑定数据

javascript angularjs

Javascript 在angularJS中绑定数据,javascript,angularjs,Javascript,Angularjs,我在app.js中有一个简单的控制器 var app = angular.module('graphPlotterDemoApp', []); app.controller('PlotCtrl1', function ($scope) { $scope.data = [{ x: [1, 2, 3, 4], y: [10, 15, 12, 17]}]; }); 我想把它绑在桌子上 <!DOCTYPE html> <html> &l

我在app.js中有一个简单的控制器

var app = angular.module('graphPlotterDemoApp', []);

app.controller('PlotCtrl1', function ($scope) {
    $scope.data = [{
        x: [1, 2, 3, 4],
        y: [10, 15, 12, 17]}];
});

我想把它绑在桌子上

<!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>


在div=PlotCtrl1之前
{{data}}
xy

事实证明，

ng model='data[0].y[$index]

有双向数据绑定，但

ng model='x1'

没有双向数据绑定

有人知道原因吗？？？

请在wiki中查看此页面。

在使用角度作用域时，所有这些都是关于理解对象和基本体之间的差异。

在wiki中查看此页面。

在使用角度范围时，所有这些都是关于理解对象和基本体之间的差异。

ssm，绑定到

$scope

的数据是

数据

，对吗？不幸的是，您正在重新绑定

数据的子集

，这将为ng模型的特定实例创建一个独立的作用域。您正在尝试将一个新值绑定到$scope，但实际上没有。这与说，

ng model=“data”

或

数据[0].y[$index]

直接引用原始数据结构不同。

ssm，绑定到

$scope

的数据是

数据

，对吗？不幸的是，您正在重新绑定

数据的子集

，这将为ng模型的特定实例创建一个独立的作用域。您正在尝试将一个新值绑定到$scope，但实际上没有。这与说，

ng model=“data”

或

data[0].y[$index]

直接引用原始数据结构不同。

这里很好这里很好谢谢！那是一篇很棒的文章！谢谢那是一篇很棒的文章！