knockout.js配列内に配列をバインド

Question

配列内にko.observablsArrayをバインドするにはどうすればよいですか？私は、次のViewModelを持っている：

function GetBegriffsKetteViewModel() { 
    var self = this; 
    self.Begriffsketten = ko.observableArray(); 
    self.letzterBegriff = ko.observable(0); 
    self.aktuelleKette = -1; 
    } 

var Begriffskette = function() { 
    var self = this; 
    var begriffe = new ko.observableArray(); 
    var begriffBez = new ko.observableArray(); 
} 

そして、私のhtmlで私は、次のdiv持っている：私はこのコードを実行した場合

<div id="ausgewaehlteKetten" data-bind="foreach : Begriffsketten"> 
    <div class="row"> 
     <div class="col-md-2" id="innerDivForEach" data-bind="foreach : begriffBez"> 
      <span data-bind="text: $data" ></span> 
     </div> 
    </div> 
</div> 

を私は次のエラーを取得する：

ReferenceError: begriffBez is not defined 

です配列内の配列をバインドする方法はありますか？私は間違って何をしていますか？

おかげ

トーマス

Answer 1

まず、あなたはnewでノックアウトオブジェクトを作成しないでください。

• 間違っ：var x = new ko.observable();
• 正しい：あなたは変数は、オブジェクトのプロパティになりたい場合はvar x = ko.observable();

第二に、あなたがオブジェクトインスタンス（thisに割り当てる必要があります - あるいは、あなたのケースで、self）。

些細な点：慣習的に、コンストラクタだけがJSのキャプティブ文字で始まる必要があります。したがって、通常のプロパティなので、小文字のbを持つbegriffskettenになります。あなたがそれを行うたら、それはビューをレンダリングするとき

function BegriffsKetteList() { 
    var self = this; 
    self.begriffsketten = ko.observableArray(); 
    self.letzterBegriff = ko.observable(0); 
    self.aktuelleKette = ko.observable(); // better use an observable here 
} 

function Begriffskette() { 
    var self = this; 
    self.begriffe = ko.observableArray(); 
    self.begriffBez = ko.observableArray(); 
} 

、ノックアウトはbegriffBezとbegriffeプロパティを見ることができます。

<div id="ausgewaehlteKetten" data-bind="foreach: begriffsketten"> 
    <div class="row"> 
     <div class="col-md-2" id="innerDivForEach" data-bind="foreach: begriffBez"> 
      <span data-bind="text: $data" ></span> 
     </div> 
    </div> 
</div>