Angularjs填充表单数据(从其他Select中选择）

Angularjs Populating Form data (Select from other Select)

本文关键字：Select 选择 其他 填充 表单 数据 Angularjs      更新时间：2023-10-28

我正在做一个小购物车。我有不同的产品，每种产品都有不同的选择。所选选项应仅显示所选产品的选项。

  1. 如何填充选择？这样我的$scope.products可能吗
  2. 一旦我填充了选项，每个选项都应该更改所选产品的成本/价格。如何使用Angular实现这种"链式绑定"

我的JS是这样的：

$scope.products = [{
    name: 'Normal Product',
    cost: 25,
    options: ["Option #1", "Option #2"]
},
{
    name: 'Cool Product',
    cost: 100,
    options: ["Option #1", "Option #2"]
}, {
    name: 'Sick Produckt',
    cost: 150,
    options: ["Option #1", "Option #2"]
}];

和HTML:

<td>
<select ng-model="item.product" ng-options="p.name for p in products">
</select>
</td>
<td <select ng-model="item.option" ng-options="o for o in item.product.options">
</select>
</td>

JSFiddle：http://jsfiddle.net/NyvbN/2/

唯一的问题是您没有关闭td标记：您有<td而没有关闭>

  <td> <select ng-model="item.option" ng-options="o for o in item.product.options">

你的小提琴在其他方面都很好用。

相关文章：