각도 재료 체크 박스가있는 표준 입력 사용

Question

.NET 양식의 일반적인 입력 확인란은 있습니까? 아니면 내 자신의 지시문을 만들거나 작동하도록 자료를 수정해야합니다.

<md-checkbox ng-checked="$ctrl.checked = !$ctrl.checked"> 
    <input type="checkbox" name="test" value="1" /> 
</md-checkbox> 

분명 내가 그러나 나는이 좀 필요하다고 생각, 입력에 같은 NG-checked 속성을 추가 할 수 있습니다, 내가 간단한 이름 속성이 자동으로 truthy 값으로 숨겨진 체크 박스에 추가 할 가정 한 것이며, 중첩 된 체크 박스를 자동으로 토글합니다.

Answer 1

var app = angular.module('app', ['ngMaterial']); 
 
app.controller('mainController', function() {});

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css"> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-animate.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-aria.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular-messages.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.js"></script> 
 

 
<div ng-app="app" ng-cloak> 
 
    <div ng-controller="mainController"> 
 
    <md-switch ng-model="switch" aria-label="Switch 1"> 
 
     Set/Unset checkbox 
 
    </md-switch> 
 
    <input id="checkSlave" type="checkbox" ng-checked="switch"> 
 
    Of course the checkbox would normally be hidden 
 
    </div> 
 
</div>