javascript - Ember 应用警报

Question

我当前有一个具有以下应用程序和 View 的应用程序。我希望能够在应用程序中的各个点闪烁这些通知。我当前的 emberscripts 文件包括

class Candidate.ApplicationController extends Ember.ArrayController
    alerts: Ember.Object.create
        success: [
            'TaDa!'
            'Here we go!'
        ]
        error: [
            'What did you do now!?'
        ]

Candidate.AlertsView = Ember.View.extend
    templateName: 'views/alerts'

Candidate.AlertView = Ember.View.extend
    templateName: 'views/alert'

    class: (->
        return 'alert alert-' + @type
    ).property()

    close: ->
        @$().slideUp 'normal', =>
            @destroy()

我的view/alerts Handlebars 看起来像这样:

{{#each alerts.success}}
    {{view Candidate.AlertView messageBinding=this type="success"}}
{{/each}}

以及 View /警报:

<div {{bindAttr class="view.class" }}>
    <i class="icon-remove-sign"></i>
    <button type="button" class="close" {{action 'close' target='view'}}>×</button>
    {{view.message}}
</div>

目前，这对于初始化值来说效果很好，但有一些问题。

1. 它不允许我添加新警报
2. 关闭函数不会从应用程序 Controller 上的警报对象中删除警报

我该如何使其更接近于 session 闪存警报消息包，就像服务器上可用的那样？

这是当前代码的 JSBin:http://jsbin.com/ejAS/1/

Answer 1

您可以使用 ember 组件查看此示例 http://jsbin.com/AQuQILI/8/edit?html,js,output我希望这可以帮助你