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"を削除します。