Ember-Boostrap zum Auslösen von Modal aus Javascript

Question

Von der Verknüpfung here Wenn Sie bis zum Beispiel mit dem Button Label 'Reopen Modal' scrollen Sie scheinen das modale von javscript auszulösen. Ich habe versucht Ember.$('.modal).modal('show') ohne Glück, und kann nicht scheinen, einen Weg, um es von js auslösen.

Mein Ziel ist, nachdem ein Benutzer ein Formular übermittelt und erfolgreich validiert wurde, erscheint das Modal.

Vorlage

{{#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}} 

Komponente

import Ember from 'ember'; 

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

Answer 1

Nr Der Modal würde durch eine Boolesche Eigenschaft angezeigt.

actions: { 
    submit() { 
     this.set('modal1', true); 
    }, 
    },