0

我是新来的淘汰赛。我有一个带有交易列表的视图模型。我在页面左侧显示了其中的几个字段。当用户将鼠标悬停在其中一个上时，我想在页面右侧显示 tade 的详细信息。我的视图模型看起来像这样

 var self = this;
    self.selectedTrade = ko.observable(null);
    self.trades = ko.observableArray();
    self.selectTrade = function (item) {
        self.selectedTrade(item);
    }

当用户将鼠标悬停在左侧的某个项目上时，它会调用 selecttrade，因此 selectedTrade 有一个值。我有一个绑定到 selectedTrade 的右侧的 div。

<ul data-bind="template: {name: 'tradelist', foreach: trades}" />
<script id='tradelist' type="text/html">
 <li> <span data-bind="text: Cname, event: { mouseover: $root.selectTrade } "/>&nbsp <span data-bind="text: Cparty"/></li>
</script>
</div>
<div data-bind="template: {with: selectedTrade(), name: 'displayTradeTemplate' }" />

<script id='displayTradeTemplate' type="text/html">

  <table>
            <tr>
                <td>
                    Contract Name:
                </td>
                <td>
                    <span data-bind="text: Cname">
                    </span>
                </td>
            </tr>
</table>

当我加载页面 javascript compains 时：Microsoft JScript 运行时错误：无法解析绑定。消息：语法错误：预期的标识符、字符串或数字；绑定值：模板：{with: selectedTrade(), name: 'displayTradeTemplate' }

任何人都知道该绑定有什么问题。

4

1 回答 1

1

在该模板绑定中使用data:而不是with:

于 2012-09-13T17:30:57.787 回答