javascript - ノックアウト - Chrome でのバインディング エラー

Question

FireFox では正常に動作していたにもかかわらず、chrome でデータをバインドする際にエラーが発生しました。

<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

ビューモデルのプロパティ名を小文字に変更し、バインディングの名前を変更した後、すべてが再びうまくいきました!

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