0

私は髪を引き裂いています、誰か私を助けてください...

JSON オブジェクトに基づいて選択リストをレンダリングする単純なノックアウト コンポーネントを作成したいと考えています。これは単純な文字列配列を使用すると機能しますが、JSON オブジェクトを使用すると、id 属性と name 属性が optionsText と optionsValue を使用してバインドされ、[object object] のドロップダウン リストが表示されます。

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

        ko.components.register("organization-select", {
            viewModel: function (params) {
                var self = this;
                self.organizationList = ko.observableArray([]);
                self.organizationList(["foo", "bar"]); //this works

                //this doesn't work Result => [Object Object],[Object Object]
                self.organizationList([{ "id": 1, "name": "foo" }, { "id": 2, "name": "bar" }]); 
            },

            template: 'Organizations: <select data-bind="options: organizationList, optionsText: "name", optionsValue: "id""></options>'
            //this works with simple array of strings
            //template: 'Organizations: <select data-bind="options: organizationList"></options>'
        });
        ko.applyBindings();
    });
4

1 に答える 1