gpt4 book ai didi

javascript - Angularjs 填充表单数据(从其他选择中选择)

转载 作者:行者123 更新时间:2023-11-29 10:45:36 25 4
gpt4 key购买 nike

<分区>

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

  1. 如何填充选择?我的 $scope.products 甚至可以这样吗?
  2. 填充选项后,每个选项都应更改所选产品的成本/价格。我如何使用 Angular 实现这种“链式绑定(bind)”?

我的 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com