Javascript 角材料：制作所需的md无线电组

我正在使用角度材质，我需要创建一个所需的单选组，以便用户在提交表单之前必须选择一个单选按钮。 因此，当未选择单选按钮时，表单应无效

这是密码

<form id="pipelineForm" name="pipelineForm" ng-submit="processForm()" flex layout="column" novalidate>
    <md-radio-group ng-model="parameters.selected" ng-required="true" name="analyzerRG" 
              <md-radio-button ng-value="choiceObj" ng-repeat="choiceObj in parameters.choices" ng-required>
              {{choiceObj.text}}
              </md-radio-button>
    </md-radio-group>
</form>

我试着用材料角度禁用它（在你的情况下，试着删除你的应答器表单中的“novalidate”属性）

片段：



有棱角的
.module（'firstApplication'、['ngAnimate'、'ngAria'、'ngMaterial'、'ngMessages']））
.controller（'myController'，函数（$scope）{
$scope.status=[“已计划”、“已确认”、“已取消”]；
$scope.options=['Option 1'，'Option 2'，'Option 3'，'Option 4'，'…]；
$scope.submit=功能（obj）{
//这里是提交代码
控制台日志（obj）；
};
$scope.reset=函数（）{
$scope.obj={
姓名：“，
我的选择：“，
地位：“”
}
}
$scope.reset（）；
});
名称
活动名称是必需的。
{{o}
myselect是必需的。
{{s}
myselect是必需的。
重置
提交
关于缺少ng消息，我不是100%确定，但我认为这是由于ng消息没有意识到自定义控件，如md单选组/md单选按钮。这是一种更新的方法，它使用附加到相同模型值的模糊文本字段。这允许消息按预期显示

请注意，
novalidate
已添加到此处的表单元素，以阻止浏览器本机表单验证启动。
ng submit
表达式现在没有禁用submit按钮（由于无法触发表单验证，因此无法显示任何消息），而是在调用submit方法之前检查
myForm.$valid



有棱角的
.module（'firstApplication'、['ngAnimate'、'ngAria'、'ngMaterial'、'ngMessages']））
.controller（'myController'，函数（$scope）{
$scope.status=[“已计划”、“已确认”、“已取消”]；
$scope.options=['Option 1'，'Option 2'，'Option 3'，'Option 4'，'…]；
$scope.submit=功能（obj）{
//这里是提交代码
控制台日志（obj）；
};
$scope.reset=函数（）{
$scope.obj={
地位：“”
}
}
$scope.reset（）；
});
{{s}
状态是必需的。
重置
提交
检查问题线程中提到的CodePen（）上的解决方案



果
苹果
香蕉
芒果
哟。挑选一些水果。
应提供指向您引用的问题的链接，以避免我们搜索该问题！；）道歉。。。我投了反对票，因为你的解释没有解决这个问题，但我看到你的代码部分达到了预期的结果（尽管用这种方法无法触发无线电组的错误消息）。所以我现在不允许我通过我的否决票。
<md-input-container class="md-input-has-value" 
       ng-class="{ 'md-input-invalid' : form.fruit.$invalid && form.$submitted }">
  <label class="md-required" translate>Fruit</label>

  <md-radio-group md-autofocus name="fruit" ng-model="fruit" layout="row" required>
    <md-radio-button value="Apple" class="md-primary">Apple</md-radio-button>
    <md-radio-button value="Banana"> Banana </md-radio-button>
    <md-radio-button value="Mango">Mango</md-radio-button>  
  </md-radio-group>

  <div ng-messages="form.fruit.$error">
    <div ng-message="required" translate>Yo. Select some fruit.</div>
  </div>
</md-input-container>