HTML 버튼 기반 루프 색인을 표시하는 방법은 무엇입니까?

안녕하세요,이 템플릿이 있습니다.

<ul>
    {{#each answers as |answer key|~}}
        <li>
            <label>Answer text: <input type="text" name="answer-definition-label[]" 
            value={{answer}}/></label>
            <input type="radio"/> {{view.showDelete}}
        </li>
        {{~else~}}
        <li>
            <label>Answer text: <input type="text" name="answer-definition-label[]"/></label>
            <input type="radio" checked/>
        </li>
        <li>
            <label>Answer text: <input type="text" name="answer-definition-label[]"/></label>
            <input type="radio"/>
        </li>
    {{~/each}}
</ul>
<button {{action "addAnswerRow"}} type="button">Dodaj</button>

클래스 app / views / forms / elements / ix-selectable-fields.js

import Ember from "ember";
var ShowDelete = Ember.Component.extend({
    template: Ember.HTMLBars.compile('<button style="color:red;">X</button>'),
    init :function(){
        console.log(this);
        console.log(arguments);
    }
});
export default Ember.View.extend({
    content : undefined,
    template: function() {
        if (this.get("content") instanceof Object) {
            return this.get("content");
        } else {
            return Ember.HTMLBars.compile('Please choose answer');
        }
    }.property(),
    showDelete : ShowDelete
});

{{each}} {{else}} 부분에서 사용자가 행 (li)을 삭제할 수 있도록 X를 표시하고 싶습니다. 행이 상점에서 나올 때 키> 1에 삭제 버튼이 나타나도록하고 싶습니다 (key == 0 및 key == 1의 경우 버튼이 없음).

{{if key> 1 'test'}}를 시도했지만 "Build error"가 발생하고 {{view.showDelete key}}를 시도했지만 "Uncaught Error : Assertion Failed : A helper named 'view.showDelete' 찾을 수 없습니다".

@ Kit-Sunde 답변을 기반으로하는 Ember-cli (ember.js 1.12.1)의 해결 방법 :

//app/helpers/boolean/ix-gt.js
import Ember from "ember";
export default Ember.Handlebars.makeBoundHelper(function (a, b) {
    return a > b;
});