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>
中找到一个 null
。 http://jsfiddle.net/x5w5v2wy/10/
<option value='{{ null }}' selected>--Pick a Department--</option>
这是可能的,因为 Ractive 允许在 {{ }}
中使用有限的表达式集,幸运的是,null
是允许的。
我在使用来自 json 的空值的 ractive 下拉菜单时遇到问题。最好在 jsfiddle
中的实际示例中进行解释基本上,工作站列表在被选中时会用值填充表单的其余部分。
问题是,例如,如果您继续工作站 1,然后转到具有 department_id=null 的工作站 3,并且部门下拉列表不会重置为
<option value=''>
但停留在改变之前的那个。在设置为实际 id 之前尝试将 w 的值设置为 null 根本没有帮助。
那是因为 null
和空字符串不一样。 Ractive 在 <select>
中找不到 null
。您可以将第一个选项的 value
设置为 null
,这样 Ractive 就可以在 <select>
中找到一个 null
。 http://jsfiddle.net/x5w5v2wy/10/
<option value='{{ null }}' selected>--Pick a Department--</option>
这是可能的,因为 Ractive 允许在 {{ }}
中使用有限的表达式集,幸运的是,null
是允许的。