Html 如何基于不同的md select选项加载md select(绑定问题)
你好,我是aurelia js的新手,我遇到了一个绑定问题, 我在一个页面上有两个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
<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)
}