ember.js - 从 json 填充下拉列表

Question

我有以下 json。

{
    "vouchers" : {
         "ca_id" : "5",
    },
    "accounts" : [{
            "id" : "1",
            "ca_code" : "1001",
            "ca_name" : "Sources of Fund"
        }, {

            "id" : "2",
            "ca_code" : "1001.01",
            "ca_name" : "Shareholders' Fund"
        }
    ]
}

我的路由器是

App.CreditEditRoute = Ember.Route.extend({        
    setupController: function(controller, model){
        $.getJSON(rootUrl+'api/voucher/getVoucherWithAccounts', {id: model}, function(data){
            controller.set('content', data);
        });                
    }
});

我试图用上面的 json 填充下拉列表。所以我用

{{view Ember.Select
       contentBinding="content.accounts"
       optionValuePath="content.accounts.id"
       optionLabelPath="content.accounts.ca_name"
       valueBinding="content.vouchers.ca_id"
}}

但似乎我的下拉列表填充为空。

Answer 1

您能否添加代码来解释您如何将 JSON 链接到选择。如果为空，是否没有选项，或者选项是否为空白？

话虽这么说，optionValuePath而且optionLabelPath是相对路径。所以希望它应该是一个简单的修复。

{{view Ember.Select
   contentBinding="content.accounts"
   optionValuePath="content.id"
   optionLabelPath="content.ca_name"
   valueBinding="content.vouchers.ca_id"
}}