Typescript 难以让每个人在handlebar.js中为我的对象工作

使用以下typescript对象：

class LinkItem {
    public LinkText: string;
    public LinkUrl: string;
}

class Link {
    public DisplayText: string;
    public LinkItems: Array<LinkItem>;

    constructor() {
        this.LinkItems = new Array<LinkItem>();
    }
}

class LinksObject {
    public Links: Array<Link>;

    constructor() {
        this.Links = new Array<Link>();
    }
}

class链接项{
公共链接文本：字符串；
公共链接URL:字符串；
}
类链接{
公共显示文本：字符串；
公共链接项：数组；
构造函数（）{
this.LinkItems=新数组（）；
}
}
类链接对象{
公共链接：数组；
构造函数（）{
this.Links=新数组（）；
}
}

什么是正确的handlebar.js语法来迭代LinksObject中的属性以创建如下表：

我试过各种不同的组合。这在#每个语法中都是如此，但没有任何东西能像预期的那样工作

<script id="entry-template-family-links" type="text/x-handlebars-template">
    <table class="table table-bordered table-condensed table-striped">
        <tbody>
            {{#each .}}
            <tr>
                <td>{{this}} a {{this.DisplayText}} b  {{DisplayText}} c {{this.LinkText}} d {{LinkText}}</td>
                <td>
                    <span>
                        {{#each this.LinkItems}}
                        <a target="_blank" href="{{this.LinkUrl}}">{{this.LinkText}}</a>
                        {{/each}}
                    </span>
                </td>
            </tr>
            {{/each}}
        </tbody>
    </table>
</script>

{{{#每个。}
{{this}}a{{this.DisplayText}}b{{DisplayText}}c{{this.LinkText}}d{{LinkText}
{{{#每个this.LinkItems}
{{/每个}}
{{/每个}}

---

有人能给我指出正确的方向吗？因为我显然错过了一些明显的东西。

不确定你是如何将物体传递到车把的，但你试过吗

{{#each Link}}

---

“一切都不如预期”——你看到了什么样的行为？你期望什么？我期望能够按照我的图像创建表。相反，我没有在表中获得任何行或数据，我返回了返回对象的方式，并传递了该值，即{{{#each LinksList.Links}。然后我可以使用{{this.Link}