Как сохранить модальные входы после того, как модальный был закрыт? - PullRequest
Новая
       0

Как сохранить модальные входы после того, как модальный был закрыт?

1 голос
/ 13 апреля 2020

В первом модальном пользователь может в основном добавить имя и создать имя кнопка будет выделена, а затем пользователь может добавить имя, и появится следующий модальный, который является модальным 2. Ниже.

Что я хочу знать это то, как я могу сохранить ввод от модального 1, который является примером имени «Kiiiiii», чтобы, когда пользователь нажмет «Отмена» на модальном втором, он go вернулся к модальному 1 и сохранил ввод и не был стерт? и каков правильный термин для этого?

Просто не возражайте против двух разных имен из модальных 1 и 2. В идеале это должно быть одно и то же.

Кстати, я использую angular. Может ли кто-нибудь хотя бы предоставить источники, связанные с этой проблемой? Спасибо.

Есть идеи? Спасибо.

Хочу, чтобы при отмене кнопки

Modal 1

Это второй модал

Modal2

Ответы [ 3 ]

1 голос
/ 13 апреля 2020

Ваш модал должен быть интегрирован в модель, такую ​​как 

 export class EntryData{
        section:string="";
        name:string="";
        reprhrase:string="";
constructor(){}
    }

, и вы добавите эти данные в ваш component.ts 

entryData:EntryData;

, затем в компоненте f конструктора инициализируйте его 

this.entryData=new EntryData();

в вашем html используйте ввод двумя способами, такими как 

<input type="text" [(ngModel)]="entryData.name" />

, когда вы нажимаете кнопку Создать имя, ваша модель все еще сохраняется в бэкэнде. когда вы снова откроете свою модель, это будет то, что вы изменили

1 голос
/ 13 апреля 2020

На мой взгляд, вы можете использовать локальное хранилище. Вы можете создать объект для формы, что-то вроде ViewModel. 

let obj = {
}

Затем вы обрабатываете все действия формы. После заполнения первого мода вы просто сохраняете свои данные в этот объект. 

obj.name = 'some field';

В этом объекте вы просто сохраняете свои данные из формы. После нажатия кнопки «Добавить» в первом модальном режиме вы просто структурируете свой объект с помощью JSON.stringify() и сохраняете его в локальном хранилище, чтобы ваши данные были постоянными. Когда вам нужны ваши данные, вы просто читаете из локального хранилища и используете JSON.parse() для преобразования строки в объект. После сохранения данных в режиме 2 вы можете просто стереть вашу строку с данными из localalstorage. 

//useful methods
localStorage.setItem();
localStorage.getItem();
localStorage.removeItem();

Библиография, где вы можете найти более подробную информацию о JSON и localStorage: https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON

0 голосов
/ 13 апреля 2020

Здесь возможно несколько вариантов:

  • Вы можете использовать службу, в которой вы сохраняете глобальные значения состояния, а затем сообщаете значения различным компонентам, сохраняя глобальное состояние внутри вашей службы.
  • вы можете использовать генераторы событий для передачи значений между компонентами
  • вы можете использовать ввод-вывод, viewchild ...

есть и другие варианты, но если есть подходит или нет, также будет зависеть от того, как вы реализуете эти модальные

Я бы порекомендовал прочитать

для получения более подробных c рекомендаций вы должны опубликовать свой код:)

...