Angular ng-repeat

To use angular ng-repeat for multiple input controls

by Bala Naga Gopala Krishnan

HTML

<div ng-app="myApp" ng-controller="myCtrl">

  <div ng-repeat="item in items" ng-init="item.showCb = item.value == 'true' || item.value == 'false'">

<input type="checkbox" ng-if="item.showCb" ng-true-value="true" ng-false-value="false" ng-model="item.value" ng-checked="item.value == 'true'">{{items[$index].value}}</input>
    <input type="text" ng-if="!item.showCb"  ng-model="item.value"/>
  </div>
  <br/>
{{items}}
</div>

JavaScript

angular.module("myApp", [])
	.controller("myCtrl", myCtrl);

function myCtrl($scope) {
  $scope.items = [{
    key  : "1",
    value: "true"
  }, {
  key  : "2",
    value: "true"
  }, {
  key  : "3",
    value: "somethingElse"
  }];
 

}