离子射流研究…复选框与普通的超文本标记语言复选框到底有没区别

离子的复选框

离子的复选框（复选框)与普通的超文本标记语言复选框没什么区别，以下实例演示了离子的复选框离子复选框的应用。

离子复选框ng-model='isChecked '复选框标签/离子-复选框实例

实例中，会根据复选框是否选中，修改检查值，真的为选中，假的为未选中。

超文本标记语言代码

离子-标题-条形='条形-正氕类='标题'复选框/h1/ion-header-barion-content div class=' list ' ion-checkbox ng-repeat=' item in devList ' ng-model=' item。选中“ng-checked=”项。选中了“{ item。text } }/ion-checkbox div class=' item ' div/div class=' item-div den ' Notifications/div-checkbox-model=' PushNotification。选中' ng-change=' Push notification change()'推送通知/ion-checkbox div类代码

angular.module('starter '，[' ion ']).如果(窗口。科尔多瓦窗户。科尔多瓦。插件。键盘){科尔多瓦。插件。键盘(真)，则运行(函数($ ioncplatform){ $ ioncplatform。就绪(函数(){//默认情况下隐藏附件栏（删除此选项以显示键盘上方的附件栏//)进行表单输入);}如果(窗口状态栏){状态栏。样式默认值()；}});}).控制器(' actionsheetCtl '，['$scope '，函数($ scope){ $ scope。devlist=[{ text : ' html 5 '，checked: true }，{ text: 'CSS3 '，checked: false }，{ text: 'JavaScript '，checked : false }]；$ scope。pushnotification change=function(){ console。日志('推送通知更改'，$作用域。推送通知。选中)；};$ scope。PushNotiFication={ checked : true }；$scope.emailNotification="已订阅";}])css代码：

正文{光标： URL(' http://www。鲁诺布。com/try/demo _ source/finger。png ')、auto}效果如下所示：

完整源码：

html hearteta charset=' utf-8 ' meta name=' viewport ' content=' initial-scale=1，maximum-scale=1，user-scalable=no，width=device-width ' title/title link href=' http://cdn。bootcss。com/ion/1。3 .1/CSS/ion。量滴CSS ' rel='样式表脚本src=' http 33603358 cdn。bootcss。com/ion/1。3 .1/js如果(窗口。科尔多瓦窗户。科尔多瓦。插件。键盘){科尔多瓦。插件。键盘(真)，则运行(函数($ ioncplatform){ $ ioncplatform。就绪(函数(){//默认情况下隐藏附件栏（删除此选项以显示键盘上方的附件栏//)进行表单输入);}如果(窗口状态栏){状态栏。样式默认值()；}});}).控制器(' actionsheetCtl '，['$scope '，函数($ scope){ $ scope。devlist=[{ text : ' html 5 '，checked: true }，{ text: 'CSS3 '，checked: false }，{ text: 'JavaScript '，checked : false }]；$ scope。pushnotification change=function(){ console。日志('推送通知更改'，$作用域。推送通知。选中)；};$ scope。PushNotiFication={ checked : true }；$scope.emailNotification="已订阅";}])/脚本样式类型=' text/CSS '正文{光标： URL(' http://www。鲁诺布。com/try/demo _ source/finger。png ')、auto }/style/head body ng-app=' starter ' ng-controller=' actionsheetCtl ' ion-header-bar class=' bar-positive ' h1 class=' title '复选框/h1/ion-header-barion-content div类=' list ' ion-checkbox ng-repeat=' devList ' ng-model='项中的项。选中“ng-checked=”项。选中的“{ item。text } }/ion-checkbox div类=' item ' pre ng-bind=' devList | JSON '/pre/div div类=' item-dividen-checkbox-model=' PushNotification。选中“ng-change=”推送通知()”推送通知/离子复选框div类以上所述是小编给大家介绍的离子射流研究…复选框与普通的超文本标记语言复选框到底有没区别的相关内容，希望对大家有所帮助！