问题
我试图从指令模板点击带有值=“agency”的无线电输入,最终目标是更改范围变量newDatasourceType.
相关来源
指令模板
<div ng-if="!datasources" class="new-datasource">
<input name="agencyOrWidget" type="radio" ng-model="newDatasourceType" value="agency" />
<label>Agency</label>
<input name="agencyOrWidget" type="radio" ng-model="newDatasourceType" value="widget" />
<label>Widget</label>
<select ng-if="newDatasourceType=='widget'" name="{{inputPrefix}}[0][widget_id]">
<option>Choose a widget...</option>
<option ng-repeat="(id, options) in widgetList" value="{{id}}">{{id}}</option>
</select>
<select ng-if="newDatasourceType=='agency'" name="{{inputPrefix}}[0][agency_id]">
<option>Choose an agency...</option>
<option ng-repeat="(id, name) in agenciesList" value="{{id}}">{{name}}</option>
</select>
</div>
相关单元测试
尝试的部分和注释在注释中.
it('Select Agencies', function() {
// Running this to see if it does anything
scope.newDatasourceType = 'agency';
//create the element with the directive template
elem = $compile(directive)(scope);
scope.$digest();
// Returns `1`
console.log(elem.find('input[value="agency"]').length);
// elem.find('input[value="agency"]').triggerHandler('click');
elem.find('input[value="agency"]').click(function() {
// Doesn't get triggered
console.log('click');
});
// Didn't do anything...
// scope.$digest();
// scope.$apply();
// console.log(elem.html());
// Test items
expect(elem.find('select option:nth-child(2)').val()).toBe(Object.keys(scope.agenciesJson)[0]);
});
我在看什么
无论我手动设置newDatasourceType还是尝试单击它,只有选择窗口小部件的选择块…才可见.
最佳答案 除了触发click事件之外,您还必须更改radiobutton上的checked属性.这是一个例子
http://jsfiddle.net/k1axxs21/1/