Ractive 填充 select 列表,json 中的空值

Ractive populating select list, null values from json

我在使用来自 json 的空值的 ractive 下拉菜单时遇到问题。最好在 jsfiddle

中的实际示例中进行解释

基本上,工作站列表在被选中时会用值填充表单的其余部分。

问题是,例如,如果您继续工作站 1,然后转到具有 department_id=null 的工作站 3,并且部门下拉列表不会重置为 <option value=''> 但停留在改变之前的那个。在设置为实际 id 之前尝试将 w 的值设置为 null 根本没有帮助。

那是因为 null 和空字符串不一样。 Ractive 在 <select> 中找不到 null。您可以将第一个选项的 value 设置为 null,这样 Ractive 就可以在 <select> 中找到一个 nullhttp://jsfiddle.net/x5w5v2wy/10/

<option value='{{ null }}' selected>--Pick a Department--</option>

这是可能的,因为 Ractive 允许在 {{ }} 中使用有限的表达式集,幸运的是,null 是允许的。