Twitter bootstrap ember.js-以模态和自己的路线更新表单？

在3.x Ember.js应用程序中，我希望向用户显示现有屏幕上的更新表单重载

现有屏幕将位于路径“\vegets”上，更新表单将位于“\vegets\update\carrots”上。如果更新是一个传统的表单，那么就不会有问题，但是如何显示覆盖在现有表单上的表单呢？这个有附加组件吗

我使用bootstrap来设计用户界面，因此可以使用bootstrap模式，但我不确定如何将其应用到模板中

我见过许多插件，但它们似乎都是针对出现在当前路由中的模式，出于身份验证/授权的原因，我希望此更新操作有一个单独的路由

---

谢谢

有一个很好的插件叫

在您的路线中，您可以扩展他们的混合：

// app/routes/example.js
import Ember from 'ember';
import ModalRouteMixin from 'ember-routable-modal/mixins/route';

export default Ember.Route.extend(ModalRouteMixin, {
});

然后使用一些特殊的标记：

// app/templates/example.hbs
<div class="routable-modal--dialog">
    <div class="routable-modal--content">
        <div class="routable-modal--header">
            {{routable-modal-close-button class="routable-modal--close"}}
            <h4 class="routable-modal--title">Modal title</h4>
        </div>
        <div class="routable-modal--body">
            Content
        </div>
    </div>
</div>

---

有一个很好的插件叫做

在您的路线中，您可以扩展他们的混合：

// app/routes/example.js
import Ember from 'ember';
import ModalRouteMixin from 'ember-routable-modal/mixins/route';

export default Ember.Route.extend(ModalRouteMixin, {
});

然后使用一些特殊的标记：

// app/templates/example.hbs
<div class="routable-modal--dialog">
    <div class="routable-modal--content">
        <div class="routable-modal--header">
            {{routable-modal-close-button class="routable-modal--close"}}
            <h4 class="routable-modal--title">Modal title</h4>
        </div>
        <div class="routable-modal--body">
            Content
        </div>
    </div>
</div>

---

太好了，谢谢。我试过了，效果很好。非常好，谢谢。我试过了，效果很好。