如果选择了另一个

时间:2018-05-30 08:57:56

标签: javascript angularjs html-select angular-formly

我在表格中选择了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'}
]

0 个答案:

没有答案