角度材質のチェックボックス付きの標準入力を使用

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>