Ember-boostrap從javascript觸發模態

Question

從鏈接here如果向下滾動到帶有按鈕標籤「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'); 
    }, 
    }, 
}); 

Answer 1

號模態將由布爾屬性被顯示。

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