根据AngularJS中的单选按钮选择启用/禁用按钮

Question

我的单选按钮列表（使用ng-repeat）中的项目button（最初已使用ng-disabled禁用）继续。选择单选按钮后，我想启用“继续”按钮。

在Angular中执行此操作的正确方法是什么？

相关JS：

$scope.companies = [{
        "id": 3,
        "name": "Twitter"
    }, {
        "id": 2,
        "name": "Google"
    }, {
        "id": 1,
        "name": "Apple"
    }]

相关HTML：

<table>
  <tr ng-repeat="company in companies">
     <td>
       <input type="radio" ng-model="companyId" name="companyId" value="{{company.id}}" />{{company.name}}
      </td>
  </tr>
</table>

<button ng-disabled="!companyId">Continue</button>

Jsfiddle

谢谢！

Answer 1

ngRepeat创建一个新范围，该范围是按钮使用范围的子范围。您可以使用

修复它

<input type="radio" ng-model="$parent.companyId" .../>

请参阅http://jsfiddle.net/UZkM8/1/

但更好的解决方案是更新已在范围内的对象：

$scope.userChoice = {};

<input type="radio" ng-model="userChoice.companyId" .../>

<button ng-disabled="!userChoice.companyId">Continue</button>

请参阅http://jsfiddle.net/UZkM8/3/