使用角度材质复选框的标准输入

Question

有没有办法给我们正常的输入复选框，对于.NET表单？或者我必须创建自己的指令/修改材料以使其起作用。

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

很显然，我可以在相同的NG-检查属性添加到输入，但是我觉得这是一个有点没有必要，我会假设一个简单的name属性会自动隐藏复选框以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>