Javascript 如何在amp-mustache模板变量中使用toLowerCase方法

我正在用JSON绑定amp列表。问题是我为amp img提供数组元素，amp img的src必须是小写的，因为我服务器上的资产是小写的

<amp-list layout="fixed-height" height= "10" [height]="getData().length * 50" 
   [src]="getData()" id="datalist" items=".">
    <template type="amp-mustache">
        <amp-img alt="image"
            width="100"
            height="100"
            src="static/{{name}}.png">
            // I want to use {{name.toLowerCase()}} here which is causing the problem
           // Current src= "static/XYZ.png"
          // Expected src= "static/xyz.png"
        </amp-img>
    </template>
</amp-list>

//我想在这里使用{{name.toLowerCase（）}}，这是导致问题的原因
//当前src=“static/XYZ.png”
//预期src=“static/xyz.png”

在尝试了多种方法之后，我实现了我想要的：

[src]=“'static/{{name}}.png'.toLowerCase（）”

代码示例：

<amp-list layout="fixed-height" height= "10" [height]="getData().length * 50" 
[src]="getData()" id="datalist" items=".">
    <template type="amp-mustache">
        <amp-img alt="image"
            width="100"
            height="100"
            [src]="'static/{{ name }}.png'.toLowerCase()">
        </amp-img>
    </template>
</amp-list>

---

在尝试了多种方法之后，我实现了我想要的：

[src]=“'static/{{name}}.png'.toLowerCase（）”

代码示例：

<amp-list layout="fixed-height" height= "10" [height]="getData().length * 50" 
[src]="getData()" id="datalist" items=".">
    <template type="amp-mustache">
        <amp-img alt="image"
            width="100"
            height="100"
            [src]="'static/{{ name }}.png'.toLowerCase()">
        </amp-img>
    </template>
</amp-list>

我可能没有领会你的意思，但是。。。双参数中的术语（即

name

）是JSON中键的标签。密钥的值由amp mustache解析。这个术语应该与JSON中使用的任何键相同。大写或小写不重要。我想要小写的值。我已经用一个例子更新了这个问题。我仍然不去探究这个问题。请在标识为

getData（）

的端点处显示JSON；也许到时候我会发现问题所在。如果JSON是

“name:”XYZ.png“

，那么amp Mustach将正确解析

{{name}}

。JSON就像

“name:”XYZ.png“

，但我不希望

XYZ.png”

作为我的源代码。相反，我希望

XYZ.png

是小写的。好的，我仍然不理解

用例

（因此我遗漏了问题的一个重要部分）但是如果你坚持要求

xyz.png

，你需要更改JSON文件。我不知道有什么简单的替代方法。我可能在这里遗漏了你的观点，但是…双参数中的术语（即

名称

）是JSON中键的标签。键的值由amp mustache解析。该术语应与JSON中使用的任何键相同。大写或小写都不重要。我希望值为小写。我已用一个示例更新了问题。我仍然不考虑该问题。请在标识为的端点处显示JSON

getData（）

；也许我会看到问题。如果JSON是

“name”：“XYZ.png”

，那么amp Mustach将正确解析

{{name}}

。JSON类似于

“name”：“XYZ.png”

，但我不想要

XYZ.png”

作为我的源代码。相反，我想要小写的

xyz.png

。好吧，我仍然不理解

用例（因此我遗漏了问题的一个重要部分），但是如果你坚持要求
xyz.png
，你需要更改JSON文件。我不知道有什么简单的方法可以替代。