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" } 
]; 

Я хотел бы отобразить два выпадающего списка, в которых первый раскрывающийся список отображает все города Нью-Йорка и второе выпадающее меню со списком городов калифорнии. Может ли кто-нибудь пролить некоторый свет, как это сделать в нокаутах? список «dropdownData» является динамическим, поэтому, если добавляются дополнительные состояния в список, выпадающее меню должно генерироваться динамически.

Любая помощь очень ценится!

Спасибо!

Answer 1

Вы можете добавить два dependObservables, которые возвращают отфильтрованные представления вашего массива (которые вы все равно должны преобразовать в наблюдаемыйArray). Один из них был бы единственным уникальным значением для состояния (для этого можно использовать ko.utils.arrayGetDistinctValues), а другой - города, соответствующие выбранному состоянию (используйте ko.utils.arrayFilter). См. here, чтобы вы начали.