Question

我非常难过并且是Angular的新手。我一直在网上寻找解决方案，但我不确定这样做的正确方法......

基本上，我必须建立一个咖啡店订购购物车。例如： 1）选择单选按钮＆＃39; Tea＆＃39;。 2）然后显示另一行单选按钮，您可以选择附加功能。 EG＆＃39; Honey＆＃39;。

我有两组数据，链接到我的控制器...

这一行引出了饮料的选项，EG名称：＆＃39; Latte＆＃39;。价格：1.00。

选择饮料：

<div class="field">
    <label class="radio" ng-repeat="drink in grindsIndex.menuDrinks" >
    <input id='drinkRadio' type="radio" ng-model="value" value="{{ drink.price }}" placeholder="{{ drink.name }}" name="name" ng-model="grindsIndex.name" ng-change="drinkValue(value)" ng-click="clickMethod()"; [checked]="idx === 0"/>{{ drink.name }}
    </label>
</div>

当您点击上述某个时，会出现一组新的单选按钮，循环显示一组新的数据/附加内容。例如：姓名：＆＃39;亲爱的。价格：0.50p。

<div class="field" class="pricing-levels-3" ng-show="show">
    <label class="checkbox" ng-repeat="extra in grindsIndex.menuExtras" >
    <input id='extrasOptions' class="single-checkbox" type="checkbox" ng-model="value" value="{{ extra.price }}" placeholder="{{ extra.name }}" name="name" ng-change='extraValue(value)'/ ng-true-value="{{ extra.price }}">{{ extra.name }}
    </label>
</div>

我无法弄清楚的是，如果用户点击了“茶”，我该如何过滤第二个单选按钮，只显示，说“亲爱的＆＃” 39;，＆＃39; Milk＆＃39;和＆＃39;额外拍摄＆＃39;？

总的来说，我有7个额外的东西，但我需要某种onClick，只返回一定数量的数据键/对......

我无法找到正确的方法。任何帮助都会很棒......

这里以数据快照为例。

饮酒数据：

{
    id: 1,
    name: 'latte',
    price: 2.50,
},
{
   id: 2,
    name: 'capuccino',
    price: 2.50
},

额外数据：

{
    id: 1,
    name: 'Extra Shot',
    price: 1.00
}, {
    id: 2,
    name: 'Chocolate',
    price: 0.50
},

我已经看到了很多不同的方式，甚至将数据推到了桌子上，但我还不确定，走哪条路......

通过无线电按钮过滤 - 2组数据

0 个答案: