javascript - 淘汰赛 - Chrome 中的绑定错误

Question

在 chrome 中绑定数据时出错，即使它在 FireFox 中运行良好。

<ul data-bind="foreach: contents, visible: contents().length > 0">
    <li>
        <a data-bind="text: ContentName"></a>
    </li>
</ul>
<script type="text/javascript">
        function content(data) {
            this.ContentName = ko.observable(data.contentName);
         }
               function contentListViewModel() {
                var self = this;
                self.contents = ko.observableArray([]); // array of content, populated by ajax
         }
</script>

Answer 1

将 viewmodel 属性名称更改为小写，并在绑定中更改名称后，一切都恢复正常了！

<ul data-bind="foreach: contents, visible: contents().length > 0">
    <li>
        <a data-bind="text: contentName"></a>
    </li>
</ul>
<script type="text/javascript">
        function content(data) {
            this.contentName = ko.observable(data.contentName);
         }
               function contentListViewModel() {
                var self = this;
                self.contents = ko.observableArray([]); // array of content, populated by ajax
         }
</script>