是否可以记录 KO 可观察数组？

Question

我是 knockoutjs 的新手，我有一个超级基本的问题要问你：

我已经能够成功订阅用户更改屏幕上的 Twitter 句柄，并成功获取推文并使用 显示用户的最新推文console.log(json.results[0].text); 但是，当我将 json.results 推送到最近的推文中时，我不确定我的可观察数组是否正常工作： recent_tweets.push(json.results[0].text) 我看到一个 [] 空数组。

到底是怎么回事？是否可以记录 ko.observable 数组？

console.log("TwitterFeedComponent loaded")
TwitterFeedComponent = function(attributes) {
  if (arguments[0] === inheriting)
    return;

  console.log("TwitterFeedComponent() loaded")

  var component = this;  
  var url = 'https://twitter.com/search.json?callback=?';

  this.attributes.twitter_user_handle.subscribe(function(value) {
  alert("the new value of the twitter handle is " + value);
  console.log("I have loaded")

    var url = 'https://twitter.com/search.json?callback=?';
    var twitter_parameters = {
      include_entities: true,
      include_rts: true,
      q: 'from:' + value,   
      count: '3'
    }

  $.getJSON(url,twitter_parameters, 
  function(json) {
      result = json.results[0].text
      recent_tweets.push(json.results[0].text);
      console.log(recent_tweets);
      console.log(json.results[0].text);

  });

 }); 
};

Answer 1

要访问可观察量的实际值，无论它是否是数组，您都需要包含括号。例如，以下内容将起作用：

var recent_tweets= ko.observableArray(["hello", "hi", "how are you"]);
console.log(recent_tweets());

分配变量时也是如此。

以下是常规标量值的示例：

var myObservableName = ko.observable("Luis");
myObservableName("Dany"); // changes the name to: Dany
var Name = myObservableName(); // gets the value and assigns it to the variable Name (in    this case the value is "Dany")

Answer 2

要以稍微不同的方式回答这个问题，您始终可以使用 Knockout 的 subscribe() 功能。假设您有以下视图模型：

App.MyViewModel = function() {
    var self = this; 

    self.TestProperty = ko.observable(null);
}

为了演示起见，我们假设此属性绑定到文本字段，如下所示：

<input type="text" id="TestPropertyField" data-bind="textInput: TestProperty" />

现在假设您希望在该值更改时记录任何时间。为此，只需按如下方式更新您的视图模型：

App.MyViewModel = function() {
    var self = this; 

    self.TestProperty = ko.observable(null);
    self.TestProperty.subscribe(function(newValue){
        console.log("The new value is: " + newValue);
    });
}