Javascript 在Aurelia repeat.for中指定时SVG路径不工作

我正在Aurelia应用程序中使用美国的SVG地图。我希望能够遍历状态列表，并在repeat.for中设置路径。这在Chrome和Firefox中运行良好，但在IE11中失败惨重，出现了一个错误：

SVG4601:SVG路径数据的格式不正确，无法完全解析

我在Plunker中有一个例子：

似乎Aurelia甚至没有试图绑定IE11中的“d”属性

感谢您的帮助

使用

d.bind=“state.path”

Internet explorer对

d

属性中允许的内容要求严格-

${…}

是不允许的：

请注意错误，IE解析HTML后，

d

属性为空

---

当Aurelia编译模板时，

d

属性已被IE的html解析逻辑清除。

您能显示DOM中呈现的内容吗？Chrome中是否有不同的结果？在Chrome和Firefox中，路径设置正确：d=“M 471.87905128.47084 L 471.4218120.0118 L…”在Internet Explorer中，d=“”。。。所以里面没有任何东西。昨天我用console.log将它绑定到一个函数调用，Chrome和Firefox都写出了预期的内容。在IE中，从未调用该函数。IE中呈现的路径元素（有48个，具有不同的状态名称）：

<template>
    <div class="map">
        <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
        xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 959 593" preserveAspectRatio="xMidYMid slice"
        id="us-map">
            <g>
                <path repeat.for="state of states" id="${state.name}" d="${state.path}"></path>
            </g>
        </svg>
    </div>
</template>