CODEWITHSUNDEEP
javascriptgoogle-chromeknockout.js
ruffen
ruffen

Reputation: 1719

Knockout - binding error in Chrome

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>

Upvotes: 1

Views: 354

Answers (1)

ruffen
ruffen

Reputation: 1719

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>

Upvotes: 1

Related Questions