Aurelia在检查更改时将值绑定到单选按钮

Posted 2021-04-14

我想使用Aurelia检索所选单选按钮的值。以下是我的代码。

<input id="account-location-1" name="account-location" type="radio" 
value.bind="Item1" checked checked.bind="accountLocation" 
click.delegate="toggle()">
<label for="account-location-1">Australian</label>

<input id="account-location-2" name="account-location" type="radio" 
value.bind="Item2" checked.bind="accountLocation" click.delegate="toggle()">
<label for="account-location-2">International</label>

export class TestApp{
accountLocation = '';
private toggle() {
    alert(accountLocation);
    return true;
}
}

问题是accountLocation没有选中但始终是空字符串。关于什么是错的任何指针？

答案

只需从值中删除.bind，它就不再是空的：

<... 
value="Item1" 
...>
<label for="account-location-1">Australian</label>

<...
value="Item2"
...>
<label for="account-location-2">International</label>

另一答案

我想对此进行讨论 - 正如我今天发现的那样：value.bind将值锁定为accountLocation值。

您可能想要做的是model.bind，它也可以自动设置默认值，该列表应该来自数组。

我在这里有一点关于这个（通过工作示例链接到GIST），因为我在获取RADIO输入以显示预先选择的值时遇到问题：

http://codehot.io/aurelia-model-bind-vs-value-bind/