ng-repeat 에서 Checkbox 기본 선택 방법 튜 토리 얼

Angularjs 의 ng-repat 는 순환 적 으로 데 이 터 를 나타 내 는 데 사 용 됩 니 다.
ng-repeat 순환 에서 일련의 Checkbox 를 보 여 줘 야 할 때,일부 checkbox 옵션 은 기본적으로 선 택 됩 니 다.
ASP.NET MVC 프로그램의 Entity 에서 데 이 터 를 준비 합 니 다.

public IEnumerable<Car> Cars()
    {
      return new List<Car>()
      {
        {new Car() { ID = 1, Name = "    ",Selected=false }},
        {new Car() { ID = 2, Name = "  " ,Selected=false }},
        {new Car() { ID = 3, Name = "  " ,Selected=true }},
        {new Car() { ID = 4, Name = "   ",Selected=false }}
      };
    }

ASP.NET MVC 컨트롤 러 에 방법 을 준비 합 니 다.이 방법 은 Entity 의 데 이 터 를 읽 고 angularjs 를 위해 호출 하 는 방법 입 니 다.

public JsonResult GetCars()
    {
      CarEntity ce = new CarEntity();
      var model = ce.Cars();
      return Json(model, JsonRequestBehavior.AllowGet);
    }

    public ActionResult CheckBox_IsChecked()
    {
      return View();
    }

OK,다음은 우리 의 진정한 프로그램 인 angularjs 를 시작 합 니 다.

Html 프로그램:

<div ng-app="PilotApp" ng-controller="CarCtrl">
  <div ng-repeat="c in Cars">
    <div>
      <input type="checkbox" value="{{c.ID}}" ng-checked="{{c.Selected}}" />{{c.Name}}
    </div>
    
  </div>
</div>

Angularjs 프로그램:

var pilotApp = angular.module("PilotApp", []);
  
  pilotApp.controller('CarCtrl', function ($scope, $http) {
    var obj = {};

    $http({
      method: 'POST',
      url: '/Car/GetCars',
      dataType: 'json',
      headers: {
        'Content-Type': 'application/json; charset=utf-8'
      },
      data: JSON.stringify(obj),
    }).then(function (response) {
      $scope.Cars = response.data;
    });
    
  });

프로그램 실행 최종 효과:

총결산
이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가치 가 있 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.