我正在尝试将现有模板从按钮单击转换为带选项的选择。原始模板如下所示：

<!-- ko foreach: {data: amounts, as: 'amount'} -->
<button type="button" data-bind="click: $parent.changeAmount.bind($parent)">
    <span data-bind="text: amount.amountFormatted"></span>
</button>
<!-- /ko -->

数组amounts的内容如下：

[

    {
        "baseValue":"15",
        "value":15,
        "amountFormatted":"15,00 €",
        "price":"15,00 €"
    },
    {
        "baseValue":"25",
        "value":25,
        "amountFormatted":"25,00 €",
        "price":"25,00 €"
    },
    {
        "baseValue":"50",
        "value":50,
        "amountFormatted":"50,00 €",
        "price":"50,00 €"
    }
]

下面是处理函数：

changeAmount: function (amount) {
    console.log(amount);
    this.activeAmount(amount);
}

console.log向我展示了按钮单击的返回值是什么样子的：

{
    "baseValue":"50",
    "value":50,
    "amountFormatted":"50,00 €",
    "price":"50,00 €"
}

现在，我希望将整个内容显示为选择而不是按钮：

<select data-bind="options: amounts,
   optionsText: 'amountFormatted',
   optionsValue: 'value',
   value: activeAmount,
   event:{ change: changeAmount}"></select>

但是在这个模板中，select返回整个视图对象，而不是单击按钮返回的对象。我如何才能让select返回相同的对象/数组呢？