博客文章测试

本文整理angular1版本中常用的select radio checkbox实例，供大家学习参考。

1、Select

举例：

在线代码演示

解析： 首先看下页面生成的element。

    red
    yellow
    blue
    white
    black

生成的标签有两个属性value和label，分别对应ng-options指令的item.id和item.val。而默认选项使用ng-model指令，值为标签属性value的值，即默认选中该项。

2、Radio

举例（只展示关键code）:

// html
 选项1
 选项2

// js
$scope.checkVal = 'radio2';  // 选项2勾选

在线代码演示

解析： ng-model值相同，等同于有相同的name值，组成一组单选项。ng-model值等于标签的value值，即选中该项。

3、Checkbox

举例：

// html
 启用

// js
$scope.checkVal = true;  // 复选框勾选

在线代码演示

解析： checkbox复选框由ng-model值绝对是否勾选，当值为true时勾选，false时不勾选。

插入图片测试