数组修改在Ractive JS中不起作用

时间:2017-04-21 21:17:28

标签: javascript ractivejs

我正在尝试将项目推送到数组中,但它不会出现在HTML中。

代码示例:

<head>
  <style>
    input{
      display:none;
    }
  </style>
</head>
<body>
    <select id="dropdown">
      <option value="">Select a type...</option>
      <option value="text">Text</option>
      <option value="number">Number</option>
      <option value="url">URL</option>
    </select>
    <script>
    $( "#dropdown" ).on( "change", function() {
        var type = $(this).val();
      $('input').hide();
      if(type !== ''){      
        $('input[type="'+type+'"]').show();
      }
    });
    </script>
<body>

https://codepen.io/anon/pen/eWzJNR

有什么问题?

1 个答案:

答案 0 :(得分:1)

默认情况下,魔术模式和数组修改在0.8中关闭,在0.9中暂停删除(它们将通过适配器在外部完成)。

对于0.8,您可以手动将modifyArrays配置设置为true。或者,如果您对实例有引用,那么只需使用注释中提到的Ractive的内置数组方法即可。