Javascript 在敲除控制流模板中使用基于字符串的变量

我正在使用Knockout的无容器控制流模板：

<div data-bind="foreach: myData" style="margin-top: 10px;">
        <div>
            <a href="#" data-bind="attr: {href: url}" target="_blank">
                <img src="http://www.google.com/s2/favicons?domain={{url}}" />
            </a>
        </div>
</div>

---

将url放入href正在工作，但我想在图像src中再次调用url值。我想保留图像源的开头部分，只需将url添加到结尾。如何使用淘汰模板做到这一点

对于这个简单的任务，您不需要任何额外的模板，因为KO允许您在绑定中编写任意表达式，如字符串连接

因此，您可以直接在

attr

绑定中构建url：

<div data-bind="foreach: myData" style="margin-top: 10px;">
    <div>
        <a href="#" data-bind="attr: {href: url}" target="_blank">
            <img data-bind="attr: { 
                 src: 'http://www.google.com/s2/favicons?domain=' + url()}" />
        </a>
   </div>
</div>

注意：如果

url

属性是

ko.observable

，则需要编写

url（）

，以在绑定表达式中获取其值

然而，一个更合适的解决方案是在视图模型内计算图像url，您将拥有一个

imageUrl

属性，您将使用该属性绑定