Javascript AngularJS帮助绑定表单输入

我对AngularJS/WebDev基本上是新手，正在寻找处理我所面临问题的最佳方法

我有任何通过ng选项填充表单下拉列表的数据数组。下面的例子

 $scope.products = [
   { name: 'ALD', data1: 'ALDdata', data2: 'ALDdata2', data3: 'ALDdata3' },
   { name: 'BLD', data1: 'BLDdata', data2: 'ALDdata2', data3: 'ALDdata3' },
   { name: 'ELD', data1: 'ELDdata', data2: 'ALDdata2', data3: 'ALDdata3' }
  ],

一旦用户选择了一个选项，我将如何将它的每个属性绑定到各个文本框中

<input type="text" value="{{data1}}" />
<input type="text" value="{{data2}}" />
<input type="text" value="{{data3}}" />

我已经在这上面呆了将近4个小时，没完没了的谷歌搜索没有找到相关的结果。我非常感谢任何事先的帮助

更新：

我已经找到了一个解决我的问题的可行方案，但是，它使用了AngularJS的旧版本。有人能帮我在1.2.2中完成这项工作吗

---

您正在寻找ng型号：

在您的示例中，您希望：

<input type="text" ng-model="data1" />
<input type="text" ng-model="data2" />
<input type="text" ng-model="data3" />

注意缺少支架；您正在命名一个作用域成员，而不是替换它的值。

$scope.products是一个值数组，因此您需要重复此操作，它就像一个foreach 所以试试下面的方法

 <ul>
   <li ng-repeat="product in products"> 
    <input type="text" ng-model="product.data1" />
    <input type="text" ng-model="product.data2" />
    <input type="text" ng-model="product.data3" />
   </li>
 </ul>

或者试试看，下面的代码显示数组值的第一个索引

<input type="text" value="{{products[0].data1}}" />
<input type="text" value="{{products[0].data2}}" />
<input type="text" value="{{products[0].data3}}" />

---

你试过我的答案吗？不幸的是，我认为这在我的情况下行不通。我已经包括了一个JSFIDLE来向您展示我目前拥有的东西，重申一下，我试图将每个值发送到一个单独的文本框中。您需要删除第一个示例中的大括号，而不是第二个示例中的大括号-请参见