javascript - 值​stimulus js 无法在 Controller 的单个范围内工作

Question

代码示例如下:

<div class="form-floating mb-3" data-controller="home">
    <input type="text"
           class="form-control autocomplete-input"
           id="city" placeholder="Vila Mariana"
           data-home-target="district"
           data-action="keyup->home#autoComplete" />
    <label for="city">Bairro</label>
    <div class="autocomplete-body">
        <ul>
            {#for state in states}
                <li data-home-states-value="{state.uf}"
                    data-home-name-value="{state.name}"
                    data-action="click->home#selectItem">
                    {state.name}
                </li>
            {/for}
        </ul>
    </div>
</div>

ul:li 元素已位于 data-controller=home 范围内但它未能捕捉到 li 的值(value)。仅当我声明:

{#for state in states}
    <li
        data-controller="home"
        data-home-states-value="{state.uf}"
        data-home-name-value="{state.name}"
        data-action="click->home#selectItem">
        {state.name}
    </li>
{/for}

Answer 1

我相信按照设计，它必须与 Controller 定义位于同一元素中。

查看值 documentation ，它被故意放置在与 Controller 定义相同的元素中。

目标中的 documentation ，目标被放入子元素中。

我遇到了和你一样的问题；以上是我经过太多谷歌搜索和摆弄自己的代码后得出的结论。不过，我无法在任何地方找到关于这是否是预期行为的具体定义。