用细枝对象填充物化javascript自动完成数据

我正在开发一个应用程序，现在我正在处理MaterializeAutoComplete插件

现在，我想解析一个细枝对象数组（比如说Customers），并在JS中创建一个数组，如下所示：

var customersAutocomplete = [
        {
        key: 1,
        Title: "John Doe",
        label: 'John'},
        {
        key: 2,
        title: "Ulrich",
        label: 'John'},
        {
        key: 3,
        label: 'James'}
        ];

自动完成来自全局JS文件，如下所示：

$.fn.autocomplete = function (options) {
      // Defaults
      var defaults = {
        data: {customersAutocomplete},
        limit: Infinity,
        onAutocomplete: null,
        minLength: 1
      };

---

除了@RaymondA的评论之外，如果您的

客户

对象已经具有正确的结构，则您可以在模板中直接使用Twig进行此操作：

<!-- views/your.view.html.twig -->
<script>   
    customersAutocomplete = {{ customers|json_encode() }};
</script>

---

如果您使用symfony，您可以让控制器将此数据作为json作为变量传递给您的小树枝，然后可以通过javascript在您的小树枝中访问该变量。理想情况下，我宁愿向特定操作发送一个AJAX调用，该操作将以json的形式返回列表。@RaymondA谢谢，我一定会尝试的！

$.fn.autocomplete = function (options) {
      // Defaults
      var defaults = {
        data: customersAutocomplete,
        limit: Infinity,
        onAutocomplete: null,
        minLength: 1
      };