Установить ошибки формы NGXS - PullRequest
1 голос
/ 26 октября 2019

Как я могу установить ошибки формы в NGXS. Я видел, что в плагине есть действие UpdateFormErrors, но нет документации о том, как его использовать.

Я пытался со следующим:

  const errors = {
      errors: response.error,
      path: "product.productForm.name"
    }

    dispatch(new UpdateFormErrors(errors));

Но без недостатка. Ошибки не связаны в форме.

Мой HTML:

<form [formGroup]="form" ngxsForm="product.productForm" class="m-t">
    <fieldset class="form-horizontal">
        <div class="form-group">
            <label class="col-sm-2 control-label">Name:</label>
            <div class="col-sm-10"><input formControlName="name" type="text" class="form-control" placeholder="Enter product name"></div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">Price:</label>
            <div class="col-sm-10"><input formControlName="price" type="text" class="form-control" placeholder="0.00"></div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">Description:</label>
            <div class="col-sm-10">
                <textarea formControlName="description" class="form-control"></textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-2 col-md-offset-2">
                <button (click)="onSubmit()" type="button" class="btn btn-primary block full-width m-b" data-style="expand-right">Submit</button>
                <button (click)="sample()" type="button" class="btn btn-primary block full-width m-b" data-style="expand-right">Sample</button>
            </div>
        </div>
    </fieldset>
</form>

Как я могу установить ошибки формы?

Спасибо!

1 Ответ

1 голос
/ 11 ноября 2019

Насколько я вижу из исходного кода для плагина формы, UpdateFormErrors предполагается использовать для ошибок на уровне формы.

Так что по крайней мере вы должныиспользуйте path: "product.productForm" вместо path: "product.productForm.name".

Если вы хотите, чтобы контейнер errors в состоянии формы заполнялся с использованием данных элементов управления формы, эта проблема , похоже, относится к вашейпроблема.

...