【Angular系列】4. 自定义radio-button单选组件

前面一篇我们自定义了checkbox组件，然后顺便把通用mixin写上了，而且实现了checkbox组件的NgModel和Reactive forms两种绑定。这一篇我们继续来自定义radio-button组件，这个组件和checkbox比较类似，只不过这个是一组单选框，即在一个radio button group里面的若干个radio button是互斥了，只能选择其中的某一个，这个是主逻辑，然后我们还需要实现主题色、禁用全部、禁用其中某一个、NgModel&Reactive forms绑定等。

1.同样的，我们先新增一个radio-button文件夹，添加相应的文件如下：

2. 前面说了，因为单选框组里面的每个单选框是互斥的，所以我们需要在radio-button的外面套一层radio-button-group，如果没有这个radio-button-group则直接报错，同时定义@Input属性，另外我们需要在radio-button-group访问它下面的每一个radio-button，所以定义一个contentchildren，如下图：

3. 因为radio-button是作为radio-button-group的contentchild出现的，我们需要在