【发布时间】:2013-12-11 19:02:15
【问题描述】:
我正在制作一个小购物车。我有不同的产品,每种产品都有不同的选择。选项选择应该只显示所选产品的选项。
- 如何填充选择?我的 $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/
【问题讨论】:
-
这个问题似乎是题外话,因为它是关于代码中的错字。
-
在检查您修复错字的小提琴时,我发现产品选项仍未列出。你能检查一下吗?
标签: javascript forms angularjs select