Validation 验证单选按钮列表

我有一个指令，它根据表单元素的$valid值在表单元素上设置CSS类。我想用单选按钮列表。集合中有多个单选按钮，但我只需要将指令添加到其中一个，因为a）它们都控制同一型号，b）CSS最终将显示单个图像标记，我只希望每个单选按钮列表显示一次

以下是一些HTML：

<div ng-app="myApp">
        <input required type="radio" ng-model="type" name="typeGroup" value="type1">Type 1
        <input add-validation-class required type="radio" ng-model="type" name="typeGroup" value="type2">Type 2
</div>

小提琴：

您可以从小提琴上看到，无论单击哪个单选按钮，手表都会更新。这是我所期望的，因为两个单选按钮控制同一型号。但是，您也可以看到左侧单选按钮没有变脏。因此不应用CSS类

---

为什么它不脏？

我把它放在HTML中：

<div ng-app="myApp">
        <input ng-change="myForm.validateRadio.$dirty = true" required type="radio" ng-model="type" name="typeGroup" value="type1">Type 1
        <input name="validateRadio" add-validation-class required type="radio" ng-model="type" name="typeGroup" value="type2">Type 2
</div>

类型1
类型2

这是一只多么可笑的虫子啊

<div ng-app="myApp">
        <input ng-change="myForm.validateRadio.$dirty = true" required type="radio" ng-model="type" name="typeGroup" value="type1">Type 1
        <input name="validateRadio" add-validation-class required type="radio" ng-model="type" name="typeGroup" value="type2">Type 2
</div>