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>