如何验证aurelia中的动态绑定下拉菜单？

Question

我的HTML代码

<select value.bind="selectedValue & validate"> 
 
    <option value="0">Add Location Type</option> 
 
    <option repeat.for="item of listOfValuesFromDB" model.bind="item.TeamLocationTypeId">${item.Name}</option> 
 
</select>

我的VM具有

ValidationRules.ensure('selectedValue').inclusion({ within: [1, 2, 3], fullMessages: true, message: 'Please select an Item' }); 

想，如果我选择内[1,2,3]从下拉列表中，它只是正常工作通过没有任何验证。但是，由于列表中的动态数据不断增加，如果我选择1,2,3以外的其他任何内容，它将引发错误。

我是Aurelia框架的新手。请帮忙。

Answer 1

如果你只是希望确保用户选择除“0”以外的项目，你可以使用下面的验证代码：

ValidationRules.ensure('selectedValue').required(); 

而且从默认option标记删除value="0"。