Quintout.js更改图像源点击点击

Question

我在代码中有此部分，

<script id="performance-objective-template" type="text/template">
<ul class="node">
    <li class="item-container" data-bind="css: { 'expanded': $data.IsExpanded, 'has-children': $data.Children().length > 0, 'new': $data.Id() == 0 }">
        <span class="arrow"></span>
        <a class="item" data-bind="click: $root.toggleExpanded, css: $root.itemClass($data)">
            <span class="name" data-bind="text: Description"></span>
            <span class="kpi">
                <img width="20" height="20" data-bind="attr: { src: $root.selectionIcon($data) }" />
            </span>
        </a>
        <div class="actions">
        </div>
    </li>
</ul>
</script>

我有两个映像图标供批准和拒绝，并希望每次点击之间翻转它们，并在模型对象上设置属性。 到目前为止，我正在努力修改IMG部分。如果我实现了之类的单击：$ root.changeicon，则该功能永远不会被执行。

我应该如何实现这种行为？

任何帮助都非常感谢。