Page 263 - AngularJS权威教程
P. 263
19.11 端到端的介绍 243
<input type="text" ng-model="name" />
19
可以用binding()方法查询作用域中指定的绑定:
it('should update the name', function() { 20
using('.form').input('name').enter('Ari');
expect(
using('.form').binding('name') 21
).toBe('Ari');
});
binding()方法带有一个名称参数,该参数是字符串类型。 22
这个字符串是我们在查询中所关注的DOM元素上的绑定名称。
23
9. 与输入元素交互
我们也可以跟页面上的输入元素交互。如果想要在一个文本框中输入文字,选中一个复选框,
或者选择一个option元素的值,可以使用input()方法。 24
input()方法自身返回一个对象,我们可以调用这个对象的方法来跟元素进行交互。它带有
一个名称参数,该参数是字符串类型。 25
这个名称是相应的ng-model的名称。
26
我们能从输入框上调用下列方法。
enter()。enter()方法向一个输入框输入值。 27
给定HTML:
28
<input type="text" ng-model="name" />
可以这样向输入框输入'Ari':
29
input('name').enter('Ari');
check()。check()方法检测一个复选框的值。 30
给定HTML:
<input type="checkbox" ng-model="save" /> 31
可以使用如下语句检测这个叫"save"的复选框:
32
input('name').check();
select()。select()方法选中一个单选按钮的指定值。
33
给定HTML:
<input type="radio" ng-model="color" value="red" /> 34
<input type="radio" ng-model="color" value="blue" />
<input type="radio" ng-model="color" value="yellow" />
可以用这样的测试来选择单选按钮: 35
input('color').select('red');
36
val()。最后,可以简单地通过调用输入元素的.val()来获取输入框的当前值。我们会用这