Ember-Boostrap для запуска модального из JavaScript

По ссылке здесь, если вы прокрутите вниз к примеру с надписью "Reopen Modal", они, кажется, запускают модальный режим из javscript. я пытался Ember.$('.modal).modal('show') без удачи, и, кажется, не могу найти способ вызвать его из JS.

Моя цель состоит в том, чтобы после того, как пользователь отправил форму, и она успешно прошла валидацию, появится модальное окно.

шаблон

{{#bs-form model=register onSubmit=(action 'submit') novalidate=true as |form|}}
  {{form.element controlType="text" label="Username" placeholder="Username" property="username"}}
  {{form.element controlType="password" label="Password" placeholder="Password" property="password"}}
  {{bs-button defaultText="Submit" type="outline-success" buttonType="submit"}}
{{/bs-form}}

{{#bs-modal-simple open=modal1 title="Modal" renderInPlace=true}}
    This is a Modal.
{{/bs-modal-simple}}

Составная часть

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    submit() {
      Ember.$('.modal').modal('show');
    },
  },
});

1 ответ

Решение

Нет. Модальное будет показано логическим свойством.

actions: {
    submit() {
      this.set('modal1', true);
    },
  },
Другие вопросы по тегам