2017-03-01 4 views
0

リンクhereボタンラベル「Reopen Modal」を使用して例にスクロールすると、javscriptからモーダルがトリガーされているようです。私は運がないとEmber.$('.modal).modal('show')を試してみました。そして、傾きはjsからトリガーする方法を理解しているようです。Ember-boostrapがjavascriptからモーダルをトリガーする

私の目標は、ユーザーがフォームを送信し、それが正常に検証された後、モーダルが表示されることです。

テンプレート

{{#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'); 
    }, 
    }, 
}); 

答えて

2

号モーダルブールプロパティによって示されるであろう。

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

ありがとうございました。私はちょっと単純なものを探していました。それは有り難いです。 –

+0

@EricGoncalvesようこそ –

関連する問題