Question

我需要使用ng-repeat动态地使用来自API调用的数据加载ng-model以获得一系列单选按钮＆＃34;

我的控制器：

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的值时，它显示为＆＃34; {{animal.ID}}＆＃34;而不是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'

需要在ng-repeat中为单选按钮动态加载ng-model

2 个答案: