编辑
我想要一个单选按钮组,其中选择一个单选按钮会选择另一个单选按钮;“点击的”(未选中的)单选按钮永远不会被选择,因为试图选择它(通过单击它),其默认行为是“点击”的单选按钮会变为“选中”。类似于这个 Angular 2 演示。
但是这个演示并不完全符合我的要求,因为它在选择另一个单选按钮时有延迟。
这里是使用 jQuery 的演示。 这没有延迟,单击单选按钮永远不会勾选该单选按钮。例如,单击第二个单选按钮永远不会选择第二个单选按钮。要选择第二个单选按钮,您需要单击第一个单选按钮。
旧版:我尝试使用 Angular 2 实现以下功能:我有三个单选按钮 A、B 和 C,其中 A 和 B 中的两个可以被选择,当选择第三个单选按钮 C 时,它应该选择 B。因此,C 在视觉上永远不会被选择,或仅在瞬间被选择。
我无法使其正常工作。因此,我认为重新创建更简单的问题可能是一个好主意,所以我正在尝试解决这个更容易的问题。我可以使选择 A 选择 B,选择 B 选择 C,选择 C 选择 A。
A 是第一个单选按钮,B 是第二个,C 是第三个单选按钮。
onRadioChange(val) {
val = val == 2 ? 0 : ++val;
this.radio_val=val;
}
然而,正如您在演示中所看到的那样,它仅适用于第一次点击。因此,点击 B 将选择 C,但再次点击 B 将选择 B。
我认为这是主要问题。
上述演示使用了 [(ngModel)],但对 [checked] 也是一样的。
但是,使用 setTimeout 和 [(ngModel)] 可以解决这个问题
这与 Angular2 的生命周期钩子有关吗?
请帮忙解决。