如何在 Emberjs 中制作具有 Trello 等路线的模态

Question

我想知道我们如何制作有路线的模态。

在 Trello 中，每当您单击卡片时，路径都会从 abc.com/b/personal 更改为 abc.com/c/some-random-string，并且卡片会以模式打开。此外，当您关闭模式时，您会被重定向到上一个 url (abc.com/b/personal)。

我想知道如何使用 Emberjs 实现这一目标。

示例：https://trello.com/b/ezWgKsol/sales-enterprise-feature-requests-sample

Answer 1

这是我删除记录的模式（使用基础）：

<div class="reveal" id="deleteLocationModal" data-reveal>
    <div class="row">
        <div class="columns">
            Are you sure you want to delete this location?
        </div>
    </div>
    <div class="row">
        &nbsp;
    </div>
    <div class="row">
        <div class="columns">
            <button id="cancelButton" class="secondary button" data-close type="button">Cancel</button>
            <button id="deleteButton" class="button" {{action "deleteLocation" model}} data-close type="button">Delete</button>
        </div>
    </div>
</div>

路由器在action hash中落下：

actions: {
    deleteLocation(model) {
        Ember.assert("Params must be provided", model);
        model.save().then(( /* response */ ) => {
            this.transitionTo('locations'); //locations is my index page.
            //flash message to inform the user of success.
        });
    }, (error) => {
        //handle error.
        //  display flash message
        //  rollback any dirty attributes

    });
}

希望对你有帮助，

杰夫