我在表格中选择了3个可用选项。一个空选项(无论选择何种选项,我都想保留),“提前”和“欠款”。一旦我选择了一个选项,空的选项就会消失。我正在尝试保留它,但它不起作用。
{
className: 'col-xs-3',
key: 'advanceOrArrears',
type: 'select2',
templateOptions: {
label: 'Advance or Arrears',
required: true,
options: [
{name: 'Advance', value: 'ADVANCE'},
{name: 'Arrears', value: 'ARREARS'}
]
},
expressionProperties: {
'templateOptions.options': function($viewValue, $modelValue, scope) {
if(scope.model.advanceOrArrears) {
$scope.to.options.splice(0, 0, {name: '', value: ''});
}
}
}
}
HTML
<form name="vm.form" ng-submit="vm.saveForm()" novalidate>
<formly-form model="vm.model" fields="vm.fields"
options="vm.options" form="vm.form"></formly-form>
<button class="btn top20 btn-primary" type="submit">Save</button>
</form>
这种“有点”工作,因为它添加了一个不会消失的空选项,但在我选择其中一个选项之前,我最终得到2个空选项...
options: [
{name: '', value: ''},
{name: 'Advance', value: 'ADVANCE'},
{name: 'Arrears', value: 'ARREARS'}
]