knockout.js - 単一の配列からの Knockoutjs 複数のドロップダウン

Question

var dropdownData = [
   {City: "New York City", State:"New York" },
   {City: "Albany", State:"New York" },
   {City: "Bufflo", State:"New York" },
   {City: "Rochester", State:"New York" },
   {City: "San Francisco", State:"California" },
   {City: "Los Angeles", State:"California" },
   {City: "San Diego", State:"California" }
]; 

最初のドロップダウン リストにニューヨークのすべての都市が表示され、2 つ目のドロップダウン リストにカリフォルニアの都市のリストが表示される 2 つのドロップダウン リストを表示したいと思います。誰かがノックアウトjsでそれを達成する方法を教えてもらえますか? 「dropdownData」リストは動的であるため、追加の状態がリストに追加された場合、ドロップダウンを動的に生成する必要があります。

どんな助けでも大歓迎です！

ありがとう！

Answer 1

配列のフィルター処理されたビューを返す 2 つのdependentObservables を追加できます (とにかく、observableArray に変換する必要があります)。1 つは州の一意の値 (これには ko.utils.arrayGetDistinctValues を使用できます) であり、もう 1 つは選択された州に対応する都市 (ko.utils.arrayFilter を使用) です。開始するには、こちらを参照してください。