是否可以仅使用Handlebars和ember-composable-helpers在Ember.js中创建一个方格表

时间:2019-11-12 21:44:28

标签: javascript ember.js bootstrap-4 handlebars.js frontend

我是Ember.js的新手,正在尝试制作一个简单的方格表。我正在使用Bootstrap 4,ember-composable-helpers和Handlebars。我想知道是否有人不使用JavaScript就能做到这一点?

我的样机代码如下,但是我不知道如何在#if HBS助手中插入逻辑:

<h1>Table</h1>
<table class="w-100">
    {{#each (range 0 5) as |row|}}
    <tr class="">
        {{#each (range 0 5) as |cell|}}
{{!-- HOW DO I GIVE A TRUTHY VALUE FOR CELL == 1??? --}}
            {{#if cell == 1 }}
                <td class="bg-dark">{{cell}}</td>
            {{/if }}
        {{/each}}
    </tr>
    {{/each}}
</table>

我应该上三级课程吗?我该怎么办?

1 个答案:

答案 0 :(得分:1)

由于您不想编写任何JavaScript,我认为您的主要选择是安装和使用ember-truth-helpers

ember install ember-truth-helpers
<h1>Table</h1>
<table class="w-100">
    {{#each (range 0 5) as |row|}}
    <tr class="">
        {{#each (range 0 5) as |cell|}}
{{!-- HOW DO I GIVE A TRUTHY VALUE FOR CELL == 1??? --}}
            {{#if (eq cell 1) }}
                <td class="bg-dark">{{cell}}</td>
            {{/if }}
        {{/each}}
    </tr>
    {{/each}}
</table>

如果您在学习Ember时有任何一般性问题,我建议加入Ember Discord。祝你好运!