Как очистить «текстовую область» и входы после отправки? - PullRequest
Новая
       13

Как очистить «текстовую область» и входы после отправки?

0 голосов
/ 21 января 2020

Я использую библиотеку Devextreme (упоминается). Есть ли способ отправки (нажмите кнопку «Сохранить»), чтобы очистить всю текстовую информацию о компоненте и других входных данных?

Я протестировал несколько вещей, но безуспешно, даже не могу очистить текстовое поле компонента.

Может ли кто-нибудь мне помочь?

DEMO

CODE 

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
    Open modal
  </button>
  <div class="modal fade" id="myModal">
    <div class="modal-dialog modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">Modal Heading</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <div class="modal-body">
          <div class="form-group">
    <label for="exampleFormControlInput1">Name</label>
    <input [(ngModel)]="name" type="text" class="form-control">
  </div>
  <div class="form-group">
    <label for="exampleFormControlInput1">Email address</label>
    <input [(ngModel)]="email" type="email" class="form-control">
  </div>
       <dx-html-editor (onValueChanged)="ment($event)"> 
    <dxi-mention
        valueExpr="text" 
        displayExpr="text"
        [dataSource]="employees"
    ></dxi-mention>
</dx-html-editor>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
           <button type="button" class="btn btn-primary" (click)="Save()">Save</button>
        </div>    
      </div>
    </div>
  </div>

1 Ответ

1 голос
/ 21 января 2020

Вы должны получить экземпляр / компонент и сбросить значение (показано ниже). 

import { DxHtmlEditorComponent } from 'devextreme-angular';

@ViewChild(DxHtmlEditorComponent, {static: false}) dxHtmlEditor;

Save(){
   this.name = null;
   this.email = null;
   this.dxHtmlEditor.instance.reset()
 }

Рабочая демонстрация
Подробнее здесь

...