Angular Material复选框


<pre><code class=”lang-html”><html lang = "en">
<head>
<link rel = "stylesheet"
href = "https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
<script src = "https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>

<script language = "javascript">
angular
.module('firstApplication', ['ngMaterial'])
.controller('checkBoxController', checkBoxController);

function checkBoxController ($scope) {
}
</script>
</head>

<body ng-app = "firstApplication">
<md-checkbox ng-model = "isChecked" aria-label = "Married">
Married
</md-checkbox>

<md-checkbox md-no-ink ng-model = "hasInk" aria-label = "No Ink Effects">
Single
</md-checkbox>

<md-checkbox ng-disabled = "true" ng-model = "isDisabled" aria-label = "Disabled">
Don't know (Disabled)
</md-checkbox>
</body>
</html>
</code></pre>

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/264584.html

(0)
上一篇 2022年6月7日
下一篇 2022年6月7日

相关推荐

发表回复

登录后才能评论