Drupal 10 视图：字段/自定义文本显示字段的翻译标签

Question

我正在使用 Drupal 10 构建一个双语网站，并使用视图来显示内容项列表。在我看来，我使用字段：自定义文本来按照我想要的方式格式化每个项目的预告片。

我已经翻译了内容类型的所有字段，我的问题是如何在自定义文本中显示每个字段的标签。

这是我的视图配置的样子：

以下是此类自定义文本的示例：

<div class="col-sm-12 teaser-wrapper">
    <div class="teaser-image">{{ field_image }}</div>
    <div class="teaser-header">{{ title }}</div>
    <div class="teaser-text">{{ body }}</div>
    <div class="row teaser-field">
        <div class="col-xs-12 col-sm-12 teaser-field">
                <span class="lbl">Location: </span>
                <span class="val">{{ field_region }}</span>
        </div>
        <div class="col-xs-12 col-sm-12 teaser-field">
                <span class="lbl">Path Length: </span>
                <span class="val">{{ field_path_length }}</span>
        </div>
        <div class="col-xs-12 col-sm-12 teaser-field">
                <span class="lbl">Activities: </span>
                <span class="val">{{ field_nature_activities }}</span>
        </div>
    </div>
</div>

正如您现在所看到的，我只是对标签使用硬编码值。

如何打印其翻译值？

Answer 1

以下是编辑后的代码：

<div class="col-sm-12 teaser-wrapper">
    <div class="teaser-image">{{ field_image }}</div>
    <div class="teaser-header">{{ title }}</div>
    <div class="teaser-text">{{ body }}</div>
    <div class="row teaser-field">
        <div class="col-xs-12 col-sm-12 teaser-field">
                <span class="lbl">{{ field_region['#title'] }}: </span>
                <span class="val">{{ field_region }}</span>
        </div>
        <div class="col-xs-12 col-sm-12 teaser-field">
                <span class="lbl">{{ field_path_length['#title'] }}: </span>
                <span class="val">{{ field_path_length }}</span>
        </div>
        <div class="col-xs-12 col-sm-12 teaser-field">
                <span class="lbl">{{ field_nature_activities['#title'] }}: </span>
                <span class="val">{{ field_nature_activities }}</span>
        </div>
    </div>
</div>