ng-repeat 에서 Checkbox 기본 선택 방법 튜 토리 얼
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 }}
};
}
public JsonResult GetCars()
{
CarEntity ce = new CarEntity();
var model = ce.Cars();
return Json(model, JsonRequestBehavior.AllowGet);
}
public ActionResult CheckBox_IsChecked()
{
return View();
}
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>
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;
});
});
총결산
이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가치 가 있 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【지금부터 종사한다】Sass로 간단 form의 css(checkbox·radio·select)막상 만들려고 하면 귀찮은 반응형 form의 Sass를 공개합니다. ▼오늘, 작성하는 것 ・라디오 버튼 · 체크 박스 ・셀렉트 박스 form.html form.scss form-check.scss form-radio...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
