Question

我正在研究Symfony。我在documentation Autocomplete Custom Template

上阅读了UIkit自动完成程序的文档

示例中提供的自定义模板的语法是：

 <div class="uk-autocomplete uk-form" data-uk-autocomplete="{source:'my-autocomplete.json'}">
    <input type="text">
    <script type="text/autocomplete">
        <ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results">
            {{~items}}
            <li data-value="{{ $item.value }}">
                <a>
                    {{ $item.title }}
                    <div>{{{ $item.text }}}</div>
                </a>
            </li>
            {{/items}}
        </ul>
    </script>
</div>

但我遇到的问题是，我使用TWIG 进行模板化，并使用twig大括号＆＃39; {{}} ＆＃39;用于调用树枝功能。因此，当我使用自定义模板的代码时，我得到编译错误。

我尝试将自定义模板的代码放在javascript文件中，然后导入＆＃39;在脚本之后的脚本，但它没有工作ex：

Javascript文件：header_autocomplete.js

<ul class="uk-nav uk-nav-autocomplete uk-autocomplete-results">
    {{~items}}
    <li data-value="{{ $item.value }}">
        <a>
            {{ $item.title }}
            <div>{{{ $item.text }}}</div>
        </a>
    </li>
    {{/items}}
</ul>

我在twig模板中导入了脚本，如下所示：

html.twig文件：index.html.twig

<div class="uk-form uk-autocomplete" data-uk-autocomplete="{source:'tmp/header_autocomplete.json'}" id="form-search"> 
    <input class="uk-form-width-large" type="text" placeholder="Search">
    <script type="text/autocomplete" src="header_autocomplete.js"></script>
    <button class="uk-button"><i class="uk-icon-search"></i></button>
</div>

但这似乎没有用，我只是得到一个空的下拉菜单结果。

感谢任何帮助。

Answer 1

我认为你应该使用verbatim

uigit自动完成自定义模板在树枝上

1 个答案: