AMP列表绑定：如何提取数组首个元素生成src属性值

其实你完全不需要用到数组转字符串的函数，直接通过数组索引访问就能轻松实现提取首个元素的需求！

正确的绑定写法 #

把原来的绑定代码改成这样：

[src]="'http://any.com?id=' + Ids[0]"

为什么原来的写法会出错？ #

当你直接使用{{Ids}}的时候，AMP会自动把数组隐式转换为逗号分隔的字符串，所以才会得到http://any.com?id=123,456这种结果。而通过Ids[0]直接访问数组的第一个元素，就能精准拿到你想要的123，最终生成符合预期的src="http://any.com?id=123"。

补充说明 #

amp-bind是支持直接通过索引访问数组元素的，这属于白名单允许的基础操作，不需要额外调用其他转换函数。只要你的Ids是一个合法的数组（比如示例中的["123", "456"]），这种写法就能正常工作。

内容的提问来源于stack exchange，提问作者Nunya Bidness