【问题标题】:Angularjs Populating Form data (Select from other Select) [closed]Angularjs填充表单数据(从其他选择中选择)[关闭]
【发布时间】:2013-12-11 19:02:15
【问题描述】:

我正在制作一个小购物车。我有不同的产品,每种产品都有不同的选择。选项选择应该只显示所选产品的选项。

  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/

【问题讨论】:

  • 这个问题似乎是题外话,因为它是关于代码中的错字。
  • 在检查您修复错字的小提琴时,我发现产品选项仍未列出。你能检查一下吗?

标签: javascript forms angularjs select


【解决方案1】:

唯一的问题是你没有关闭td标签:你有&lt;td没有关闭>

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

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

【讨论】:

    猜你喜欢
    • 2012-12-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-22
    • 2017-01-30
    • 1970-01-01
    相关资源
    最近更新 更多