rails erb中的内联刺激数据操作

Question

Rails 6.1刺激

这是我的代码

index.html.erb

<form action="./rooms" method="get" class="text-black", data-filter-target="filter" >
<label>
<% if params[:creator] %>
<input type="checkbox" name="creator" value="me" data-action="click->filter#checkout" checked >
<% else %>
<input type="checkbox" name="creator" value="me" data-action="click->filter#checkout">
<% end %>
filter something
</label>
</form>

filter_controller.js

import { Controller } from "stimulus"
import Rails from "@rails/ujs"
export default class extends Controller {
static targets = ["filter"]
checkout() {
this.filterTarget.submit()
}
}

我期望

不带filter_controller.js

只需单击复选框->表单提交

Answer 1

add data controller="过滤器"；在两个输入标签中。并删除div 中的数据过滤器目标