可观察数组内的对象更新已完成，但浏览器未发生更改

Question

我现在面临一个问题。我有一个包含对象列表的可观察数组。每当我更新数组的任何对象的属性时。它不会反映在浏览器上。我已经使用了所有的淘汰功能，如替换、删除.但是更新来自可观察数组而不是浏览器。

这是我的问题的一个示例：

 var ViewModel=new {
     self=this;
     self.List=ko.observableArray([]); 
              }
     $(function(){
       ko.applyBinding(ViewModel); 
    }) 
    $.post('/url',{},function(data){
        ViewModel.List(data); //data is list having 4 property having CommentList as again object-->id,title,description,CommentList--->commenttitle,commentdescription
      })  
    //During change of property of commentList
    $.post('/updateComment',{},function(obj){//Here obj-->obj.Commenttitle="some title",obj.commentdescription='some description'
       //Let say there require update 4th object of List and  2nd property of CommentList
         ViewModel.AnswerList()[4].CommentList.splice(2,1,obj);

     })
    //But nothing updation on browser

Answer 1

你说：

每当我更新数组的任何对象的属性时，它都不是 反映在浏览器上。

observable 数组中对象的属性也需要设置为ko.observable，以便您的 UI 自动更新。

例如：

var anObservableArray = ko.observableArray([    
  { name: "A", type: "Type A" }    
]);

// some later point
anObservableArray()[0].name = "B";

不会更新您的 UI，因为 name 不是可观察的。

然而，

var anObservableArray = ko.observableArray([    
  { name: ko.observable("A"), type: ko.observable("Type A") }    
]);

// some later point
anObservableArray()[0].name("B");

..将更新您的 UI 以显示名称 B，因为 name 是可观察的。

编辑：（将代码添加到问题后）

所以从你的代码中你有：

 answer=GetAnswerFromViewModel(parentcourseItemID); 
 answer.CommentCount--;                     
 answer.CommentList.splice(CommentIndex,1); 
 answer.CommentText=''; 

假设 GetAnswerFromViewModel 返回具有可观察属性的答案，您应该这样写：

 answer=GetAnswerFromViewModel(parentcourseItemID); 
 answer.CommentCount(answer.CommentCount()--);                     
 answer.CommentList.splice(CommentIndex,1); 
 answer.CommentText(''); 

如果您的答案中的属性不是可观察的，那么您的 UI 将不会更新。