Html 如何基于不同的md select选项加载md select(绑定问题)

Html 如何基于不同的md select选项加载md select(绑定问题),html,drop-down-menu,binding,aurelia,aurelia-templating,Html,Drop Down Menu,Binding,Aurelia,Aurelia Templating,你好,我是aurelia js的新手,我遇到了一个绑定问题, 我在一个页面上有两个md select下拉列表,当表单加载时,它会填充一个商店列表,如下所示 <select md-select="label:Shop" value.two-way="addShopProfile.shopId" change.delegate="getItems(addShopProfile.shopId)"> <optio

你好,我是aurelia js的新手,我遇到了一个绑定问题, 我在一个页面上有两个md select下拉列表,当表单加载时,它会填充一个商店列表,如下所示

    <select md-select="label:Shop" value.two-way="addShopProfile.shopId" change.delegate="getItems(addShopProfile.shopId)">
   <option value="" disabled selected>Please select</option>
    <option repeat.for="shop of shops" value.bind="shop.id">${shop.name}</option>
    </select>
现在,只有当我点击选择选项来更改商店名称时,项目才会加载,这是正确的。 如果商店在表单上加载,则除非我点击,否则该商店的项目不会显示


我如何绑定items select(项目选择)选项以在其商店已加载时立即加载,而不必在第一次出现时单击shop select(商店选择)选项来更改它

我通常要做的是在您的情况下调用我的函数getItemsaddShopProfile.shopId(在我附加的函数中,Aurelia)提供给我们。i、 e

attached()
{
getItem(id here)
}
因此,一旦加载dom,您的选择字段也将根据您提供的id加载数据

attached()
{
getItem(id here)
}