Question

Got error in binding data in chrome, even though it was working fine in 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

After changing viewmodel property names to lowercase, and names in binding, everything was fine again!

<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>