$value指令的作用
$value指令用于绑定宿主元素的value属性。
$value指令表达式的执行结果
$value指令表达式的执行结果将作为宿主元素的value属性。适用于input,textarea以及option元素。
当$selected指令表达式的内容是合法的左表达式时,用户对宿主元素的操作将导致表达式计算结果同步变化,实现作用域数据与DOM元素属性之间的的双向绑定。如果input元素的类型为number,则执行结果将自动转换为number类型。我们来看下面的示例:
$value指令的预定义修饰符
$value指令支持如下几个预定义修饰符:
1. “oneway”,布尔类型。值为true代表当前指令是单向绑定的,用户对宿主元素的操作不会更新关联的作用域数据。示例如下:
2. “number”,布尔类型。用于将用户输入字符串转换为数字格式。
3. “trim”,布尔类型。用于去除用户输入字符串的首尾空白字符。
4. “input”,布尔类型。框架默认在输入框失去焦点后将用户输入字符串更新到指令表达式的执行结果上(监听change事件),声明该修饰符的指令将监听输入框的input事件,在用户输入任意字符后立刻触发表达式更新。
我们来看这几个修饰符的例子:
$value指令与$selected指令的关系
如果宿主元素上同时声明了$value指令和$selected指令,则$selected执行结果将与$value指令表达式返回的对象进行匹配。下面我们来看一个示例: