forEachはKnockoutJSのオブジェクトプロパティを持っています

Question

私はこれに関するいくつかの答えを見つけましたが、物事をまとめることはできませんでした。ノックアウトを使用する最初の日ので、私は完全に間違って考えている場合はお知らせください！

私が持っているコメントのリストを表したいと思います。コメントは、このような{：...、スコア：テキスト...、...}のように複数の属性含ま

を私はビューモデル

var MatchupViewModel = function(comments) { 
 
    this.comments = ko.observableArray(comments); 
 
} 
 

 
ko.applyBindings(new MatchupViewModel(comments), document.getElementById("leftchat"));

を持っていることを理解し、私はforEachのはややこのようになっていることを理解する：私は使用していヒスイで

• （：

これは、テキストが、私はそれができただろう期待していた属性である関数で、ではないと文句を言い

<div id="leftchat" data-bind="forEach: comments" class="chat"> 
 
    <div class="fullMessage"> 
 
    <div class="content"> 
 
     <p data-bind="text: text, visible: text" class="textcontent"></p><img data-bind="visible: isImage, attr={src: url}" class="imagecontent"/> 
 
    </div> 
 
    <div class="scorecontainer"> 
 
     <div class="buttonContainer"> 
 
     <p bind-data="click=voteComment(id, true)" class="likeButtonMessage">&#x25B2</p> 
 
     <p bind-data="click=voteComment(id, false)" class="dislikeButtonMessage">&#x25BC</p> 
 
     </div> 
 
     <p data-bind="text: score" class="messageScore"></p> 
 
    </div> 
 
    </div> 
 
</div>

：HTMLに変換

#leftchat.chat(data-bind="forEach: comments") 
 
       .fullMessage 
 
        .content 
 
         p.textcontent(data-bind="text: text, visible: text") 
 
         img.imagecontent(data-bind="visible: isImage, attr={src: url}") 
 
        .scorecontainer 
 
         .buttonContainer 
 
          p.likeButtonMessage(bind-data="click=voteComment(id, true)") &#x25B2 
 
          p.dislikeButtonMessage(bind-data="click=voteComment(id, false)") &#x25BC 
 
         p.messageScore(data-bind="text: score")

見つけるには。これを回避するにはどうしたらいいですか？

Answer 1

タイプミスを修正した場合は、 k。 forEachはforeachで、bind-dataはdata-bindである必要があります（カスタムバインディングを作成した場合を除く）。 下記の例をご覧ください。 textが偽の値（ヌル、空文字列）の場合、ノードは非表示になります。そうでない場合、その値が表示されます。これはobservableプロパティについても同様です。

var m = { 
 
    comments: [ 
 
    {text: 'a'}, 
 
    {text: ko.observable('') }, 
 
    {text: null}, 
 
    {text: ko.observable('c')} 
 
    ] 
 
}; 
 

 
ko.applyBindings(m);

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 
<div id="leftchat" data-bind="foreach: comments" class="chat"> 
 
    <div data-bind="text: text, visible: text" class="textcontent"></div> 
 
</div>

Answer 2

することも、多分これallthough根本的な配列は、（なしにうまく働くべきである適切に評価する必要があります。この data-bind="forEach: comments()"

にこの data-bind="forEach: comments" を変更するには、この data-bind="text: $data"

にこの data-bind="text: text, visible: text" を変更してみてください（））