Javascript 如何删除选择标记AngularJS中不可用的选定项

我正在研究AngularJS，我有一个问题如下，我尝试了一些解决方案，但都不起作用，所以我在这里发布这个问题以获得大家的支持：

我有两个选择框，如下所示，当我从父列表中选择父时，我将在子列表中有一个子列表

但是，当我在子列表中选择了一个子项，然后更改父项时，正如您所知，我们有一个新的子列表，并且选择的子项不属于新列表，所以我们有两个选择项，如下所示

如何删除此选定项目不可用。

---

谢谢。

请为您的html提供控制器。回答中的JSFIDLE描述了如何让父子选择框。我建议你调查一下。