需要在单选按钮的 ng 重复中动态加载 ng 模型

Question

我需要使用一系列

单选按钮的 ng-repeat 使用来自 API 调用的数据动态加载 ng-model">

我的控制器：

angular.module('app').controller('apiCallController', [$scope,'$http',function($scope,$http{
    $http.get(sampleUrl)
    .success(function(data){
    $scope.sampleData = animal
    });
}]);

.HTML：

<div class "row" ng-repeat="animal in animals">
  <div class="col-md-1>
    <label class="radio-inline">
      <input type="radio" name="{{animal.Name}}" id="task1" value="true" ng-model="{{animal.ID}}">
       Yes
    </label> 
  </div>
  <div class="col-md-1>
    <label class="radio-inline">
      <input type="radio" name="{{animal.Name}}" id="task1" value="false" ng-model="{{animal.ID}}">
       Yes
    </label> 
  </div>
</div>

当我加载网站时，一切似乎都显示正常，但是当我检查控制台以查看ng-model的值时，它显示为" {{animal.ID}}"而不是 animal.ID 的值

不知道在这里做什么。

Answer 1

您应该在插值两边添加单引号：

<input type="radio" name="'{{animal.Name}}'" id="task1" value="true" ng-model="'{{animal.ID}}'">

Answer 2

你的代码有

[$scope,'$http',

您正在尝试注入变量$scope，但是当您使用这种依赖注入格式时，您需要提供一个字符串：

['$scope', '$http'