`
西南吹风
  • 浏览: 9034 次
文章分类
社区版块
存档分类
最新评论

AngularJS对复选框以及下拉框的支持

 
阅读更多
<!doctype html>
<html ng-app="myApp">
<head>
<script src="http://cdn.bootcss.com/angular.js/1.3.12/angular.min.js"></script>
<script src="http://cdn.bootcss.com/angular-i18n/1.2.15/angular-locale_zh-cn.js"></script>
</head>
<body>

<label>someProperty = {{someProperty}}</label>
     <input type="checkbox"
            ng-checked="someProperty"
            ng-init="someProperty = true"
            ng-model="someProperty">
  <hr/>
<label>Select Two Fish:</label>
     <input type="checkbox"
            ng-model="isTwoFish"><br/>
     <select>
       <option>One Fish</option>
       <option ng-selected="isTwoFish">Two Fish</option>
     </select>

  <script>
    angular.module('myApp', [])
  </script>

</body>
</html>

代码来自于《AngularJS权威教程》P58

本人收集整理一下,记录笔记,有兴趣的,给分享下。

打开:http://jsbin.com/diqoyobulo/1/edit

把本段代放进去,运行即可看见效果。

0
0
分享到:
评论

相关推荐

    前端项目-angularjs-dropdown-multiselect.zip

    1. **多选功能**:用户可以方便地选择多个选项,通过复选框或者直接点击文本进行选择,满足了多选需求。 2. **下拉菜单**:将选项以列表的形式隐藏在下拉框中,节省页面空间,提高界面整洁度。 3. **搜索过滤**:...

    AngularJS 最常用的八种功能

    **应用场景**:任何需要用户输入的场景,如文本框、复选框等。 **使用示例**: ```html &lt;span&gt;you input password is {{ password }} ``` **扩展功能**:通过使用过滤器,可以轻松地格式化输出: ```html ...

    jqueryTest.rar

    在IT行业中,"jQuery Test....通过对这些文件进行分析,我们可以深入了解这个无极限下拉复选框的具体实现方式和技术细节。如果你需要进一步的指导或帮助,可以深入研究这些文件,或者查阅相关的jQuery插件文档和教程。

    angularJS实现动态添加,删除div方法

    每个区块中包含了一个下拉框和几个复选框,这些下拉框和复选框的值通过AngularJS的数据绑定与作用域($scope)中的数组属性进行双向绑定。 在HTML代码部分,使用了ng-repeat指令来循环创建div区块,并在每个区块中...

    自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框

    同时,Bootstrap是一套流行的前端框架,它提供了一套完整的UI组件,包括单选框、复选框、下拉框等。通过Bootstrap,我们可以快速搭建出具有统一风格的界面。在本例中,结合Bootstrap风格的单选与多选下拉框将使界面...

    jquery_easyui_详细说明文档

    3. 表单(Form):用于收集用户输入,支持各种表单元素如文本框、下拉框、复选框等,并能进行验证和提交。 4. 树形控件(Tree):呈现层次结构的数据,可以展开、折叠节点,支持异步加载。 5. 菜单(Menu):创建...

    Easy UI 函数包

    6. **其他控件**:还包括下拉框(ComboBox)、输入框(Input)、复选框(Checkbox)、单选按钮(Radio)、时间选择器(DatePicker)、滑块(Slider)等,覆盖了日常开发中常见的交互元素。 在使用Easy UI时,开发者...

    inspinia-admin v2.5

    Inspinia Admin可能集成了诸如SweetAlert、metisMenu、slimScroll、iCheck、daterangepicker等多种jQuery插件,它们分别用于对话框提示、侧边栏菜单、滚动条效果、复选框和日期选择等功能。 3. **AngularJS或Vue.js...

    easyui1.3使用手冊

    - **表单(Form)**:集成输入控件,如文本框、下拉框、复选框等,支持验证和数据提交。 - **布局(Layout)**:用于页面区域划分,可以灵活调整各个部分的大小和位置。 3. **API详解** EasyUI的API主要由jQuery扩展...

    前端项目-multiple-select.zip

    它允许用户通过复选框选择多个列表项,同时提供了可视化的样式和交互效果,比如下拉框、搜索过滤、分页等,这些都是原生HTML `&lt;select&gt;` 标签不具备的特性。在网页设计中,这样的插件可以极大地提升用户体验,特别是...

    BootStrap智能表单demo示例详解

    表单元素可以是单行文本输入、多行文本输入、复选框、单选按钮、下拉选择等,满足不同类型的用户输入需求。 2. **自动布局**: Bootstrap的栅格系统允许表单元素根据屏幕尺寸自动调整布局,实现响应式设计。例如,...

Global site tag (gtag.js) - Google Analytics