如何根據不同的 md-select 選項加載 md-select（綁定問題）

Question

您好，我是 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>

你可以看到我有一個change.delegate="getItems(addShopProfile.shopId)">因為我想要波紋管下拉根據商店 id 加載商店的物品

<select md-select="label: Items" if.bind="addShopProfile.shopId" value.two-way="addShopProfile.ItemsId">
   <option value="" disabled selected>Please select</option>
   <option repeat.for="item of Items" value.bind="item.id">${item.name}</option>
   </select>

現在，只有當我單擊選擇選項來更改商店（這是正確的）時，才會加載項目。 如果商店在表格上加載，則該商店的商品不會顯示，除非我點擊它。

當商店已經加載時，我如何綁定項目選擇選項以立即加載，而不必單擊商店選擇選項在第一次出現時更改它

Answer 1

為了擺脫這種問題，我通常會在 Aurelia 提供給我們的attached函數中調用我的函數（在您的情況下）它的getItems(addShopProfile.shopId) 。 IE

attached()
{
getItem(id here)
}

因此，一旦加載了 dom，您的選擇字段也將根據您提供的 ID 加載數據。