javascript - Ember-bootstrap 从 javascript 触发模式

标签 javascript ember.js ember-bootstrap

来自链接here如果您向下滚动到带有按钮标签“重新打开模态”的示例,它们似乎会从 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');
    },
  },
});

最佳答案

没有。模式将由 bool 属性显示。

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

关于javascript - Ember-bootstrap 从 javascript 触发模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42521937/

相关文章:

javascript - 为什么给 undefined 赋值在现代浏览器中不会产生错误?

javascript - 使递归函数不可变?

javascript - 尝试使用 jQuery 获取 javascript 时的 TextField 值为空

ember.js - 如何重写 Ember.View 以便在命名空间下搜索所有模板

ember.js - 使用 ember-bootstrap 自定义元素改变变更集字段值

javascript - 如何从 d3 中 timeParse 函数的输出中删除时间戳

ember.js - 使用(现在默认)Ember Data JSON-API 适配器处理错误

ember.js - 从 API 调用中剥离的前导字符

twitter-bootstrap - 在 ember 3.8 中使用 Bootstrap

javascript - 触发来自另一个模板的组件中的 Bootstrap 模式