なぜKOプロパティが分割されるのですか？

Question

私は、次のKOプロパティを持っている：

this.propertyView = ko.pureComputed(function() { 
    if (!$.isEmptyObject(this.properties())) { 
     return this.properties().map(function (prop) { 
      var singleProp = ''; 
      for (var p in prop) { 
       if (prop[p]) { 
        singleProp += prop[p] + ', '; 
       } 
      } 
      return singleProp.slice(0, -2); 
     }); 
    } 
    else return "TBD"; 
}, this); 

そしてHTML：

<span>PROPERTY</span> 
<div data-bind="foreach: propertyView"> 
    <span data-bind="text: $data" class="fnt-normal"></span> 
</div> 

問題がある：オブジェクトは、それが正常に動作しますが、それは分割空である場合だ空でない場合"TBD" - 新しい行の各文字。たとえば ：それは空ではない場合、それはそのようになっています

テスト、23世紀、NY

それが空の場合、私は "TBD" をこのようになっています：

を

T

B

D

Answer 1

は["TBD"]代わりの"TBD"を戻してください。文字列は文字配列に変換できるので、単一の文字列を含む配列を指定してください。

Answer 2

これは、関数から返された配列を返すことを期待しているからです。これは.mapがあなたに与えるものです。あなたは、単一の文字列を返す場合は、ノックアウトはforeachで各文字を反復処理されます。

data-bind="foreach: propertyView" 

あなただけの配列にあなたのデフォルトの戻り値をラップする必要があります。

else return ["TBD"];