Question

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

如何填充选择？我的$ scope.products甚至可能这样吗？
填写选项后，每个选项都应更改所选产品的成本/价格。我如何使用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/

Answer 1

唯一的问题是你没有关闭td标签：你有<td没有关闭＆gt;

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

否则你的小提琴工作正常。

Angularjs填充表格数据（从其他选择中选择）

1 个答案: