Angular 2动态更改选定的单选按钮

编辑

我想要的是一组单选按钮，其中选择一个单选按钮会选择另一个单选按钮；“ CLICKED”（未选中）单选按钮不会通过尝试选择（单击它）而被选中，其默认行为是“ CLICKED”单选会变为“ SELECTED”。类似于Angular 2演示。

但是这个演示并不是我想要的，因为它在选择其他收音机方面存在延迟。

这是jQuery的演示。这没有延迟，单击单选按钮将永远不会检查该单选按钮。例如，单击第二个单选按钮永远不会选择第二个单选按钮。要选择第二个单选按钮，您需要单击第一个单选按钮。

老：我试图用角2做的是，我有3个无线电元件A，B和C，其中2，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的生命周期挂钩有关吗？

请帮忙。