Angular - Transloco 在 2 个范围内读取

Question

我对 transloco 有疑问。我想在同一个 html 中阅读两个范围。我设法在我的模块中提供范围并读取声明 2 个读取属性的 2 个范围。

问题是：

我可以在同一次读取中定义 2 个范围吗？

示例：

<div class="fr-container" *transloco="let t; read: 'scope1', 'scope2' ">

这似乎不起作用。还有什么更好的方法？

感谢您的帮助！

Answer 1

读取不支持多个输入，可以用不同的变量名包裹多个

ng-container

，这样可以保持作用域！

源代码

<ng-container *transloco="let t">
  <ng-container *transloco="let v; read: 'nested'">
    <h1>from T Scope</h1>
    <p data-cy="todos-page-scope">{{ t('todos.title') }}</p>
    <p data-cy="global">{{ t('home') }}</p>
    <h1>from V Scope</h1>
    <h5>{{ v('title') }}</h5>
    <p>{{ v('desc') }}</p>
  </ng-container>
</ng-container>

堆栈闪电战