Angularjs 仅当选择任何单选按钮时才验证表单

我只想在选中任何复选框的情况下启用表单的“确定”按钮，但不确定其不起作用的原因。这是我的密码

<form id="myForm" class="form-horizontal" role="form" name="myForm" novalidate>
    <li ng-repeat="i in templates">
        <input name="myTemplate" ng-model="myTemplate" type="radio" ng-value="{{i.id}}"  />
        <span>{{i.name}}</span>
    </li>
    <button ng-disabled="!templates.length || !myTemplate" ng-class="{'disabled' : !templates.length || !myTemplate}" class="btn btn-primary ok-btn">
        Submit
    </button>   
</form>

{{i.name}

提交

---

无论我是否选中任何单选按钮，提交按钮始终处于禁用状态

您需要使用

对象

，而不仅仅是

ng model

中的值

JS:

HTML:

{{i.name}

提交

---

演示：可能是点规则问题。我让你用谷歌搜索。

  $scope.myTemplate = {};;

  $scope.templates = [
    {id: 1, name: 'One'},
    {id: 2, name: 'Two'},
    {id: 3, name: 'Three'}
  ];

<form id="myForm" class="form-horizontal" role="form" name="myForm" novalidate>
    <li ng-repeat="i in templates">
        <input name="myTemplate" ng-model="myTemplate.value" type="radio" ng-value="{{i.id}}"  />
        <span>{{i.name}}</span>
    </li>
    <button ng-disabled="!templates.length || !myTemplate.value" ng-class="{'disabled' : !templates.length || !myTemplate}" class="btn btn-primary ok-btn">
        Submit
    </button>   
</form>