Angular 通过Transloco加载的阵列上的角度ngFor

我在angular10项目中使用Transloco管理多种语言。 我创建了一个json i18n文件，如下所示：

    "Datalist":[
    {
        "from" : "value",
        "Content" : "data"
    },
    {
        "from" : "value",
        "Content" : "data"
    }...]

在我的模板中，我尝试这样的方法从我的文件中加载值：

<div class="container" *transloco="let datalist; read: 'Datalist'">
<a>tst1</a>
<div class="tile is-3"  *ngFor="let data of datalist">
    <a>tst2</a>
    <div class="content">{{data.Content}}</div>
    <p class="subtitle">{{data.from}}</p>
</div>

tst1
tst2
{{data.Content}
{{data.from}

我想为datalist的每个元素创建一个平铺，angular不会引发异常。但是，它不加载任何内容（tst2不显示）。我将有多个翻译的数据，我希望为未来的能力，以添加和删除数据轻松无需触摸模板

这是我的第一个角度项目，我可能错过了一些明显的东西。

---

有什么想法吗？

你应该能够使用transloco管道进行翻译

<div class="tile is-3"  *ngFor="let data of datalist">
  <a>tst2</a>
  <div class="content">{{data.Content | transloco}}</div>
  <p class="subtitle">{{data.from | transloco}}</p>
</div>

HTML:

---

{{'GLOBAL.RESET'| transloco}}您应该能够使用transloco管道进行翻译

<div class="tile is-3"  *ngFor="let data of datalist">
  <a>tst2</a>
  <div class="content">{{data.Content | transloco}}</div>
  <p class="subtitle">{{data.from | transloco}}</p>
</div>

HTML:

{{'GLOBAL.RESET'| transloco}}}非常感谢您的回答，我尝试了您所说的，但是如果我没有事先通过transloco加载，ngFor的数据列表就不存在了

我从我的组件开始，清理了我的导入。
通过添加以下内容，我成功地实现了这一目标（即使我真的不知道为什么）：

datalist: any;

在我的component.ts中，我最好稍后键入它

我对正在发生的事情的最佳预测是，当我在模板中调用
*transloco=“let datalist；read:'datalist'”>
时，它会初始化component.ts中的数据列表，
因此，当我调用ngFor时，它会在component.ts中找到包含值的数据列表。
无论如何，非常感谢
 非常感谢您的回答，我尝试了您所说的，但是如果我没有事先通过transloco加载，ngFor的数据列表就不存在了

我从我的组件开始，清理了我的导入。
通过添加以下内容，我成功地实现了这一目标（即使我真的不知道为什么）：

datalist: any;

在我的component.ts中，我最好稍后键入它

我对正在发生的事情的最佳预测是，当我在模板中调用
*transloco=“let datalist；read:'datalist'”>
时，它会初始化component.ts中的数据列表，
因此，当我调用ngFor时，它会在component.ts中找到包含值的数据列表。
无论如何，非常感谢