$selected指令的作用
$selected指令用于绑定宿主元素的选中值,适用于类型为“radio”和“checkbox”的input元素,以及select元素。
$selected指令表达式的执行结果
对于radio元素,当$selected指令表达式的执行结果与宿主元素的value相等时,宿主元素被选中。看下面的例子:
对于checkbox元素,当$selected指令表达式的执行结果为包含宿主元素value的数组时,宿主元素被选中。看下面的例子:
对于单选下拉框元素,当$selected指令表达式的执行结果与宿主元素下选项的value相等时,此选项元素被选中。看下面的例子:
对于复选列表框元素,当$selected指令表达式的执行结果为包含宿主元素下选项value的数组时,此选项元素被选中。看下面的例子:
当$selected指令表达式的内容是合法的左表达式时,用户对宿主元素的操作将导致表达式计算结果同步变化,实现作用域数据与DOM元素属性之间的的双向绑定。
$selected指令的预定义修饰符
$selected指令支持值为布尔类型的修饰符“oneway”。值为true代表当前指令是单向绑定的,用户对宿主元素的操作不会更新关联的作用域数据。示例如下:
$selected指令与$checked指令的关系
$selected指令绑定到选中项的值,而$checked指令绑定的是宿主元素的选中状态。
请注意,不要在一个元素上同时声明$selected指令和$checked指令,否则可能导致元素的选中状态与数据不一致。