Ember-bootstrap 从 javascript 触发模态

Question

来自 link here 如果您向下滚动到带有按钮标签 'Reopen Modal' 的示例，它们似乎是从 javascript 触发模式。我试过 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);
    },
  },

Ember-bootstrap 从 javascript 触发模态

Ember-bootstrap to trigger modal from javascript

javascript

ember.js

ember-bootstrap