selectize.js - 在选择按钮中显示材质图标

Question

我正在使用 symfony 3 开发一个应用程序。我有一个选择按钮（selectize），我想显示一些材料图标。
我做了什么 ：

表格类型：

        ->add('icon', ChoiceType::class, array(
                    'choices' => array(
//                        appel
                        'Appel' => 'phone',
//                        mail
                        'Email' => 'email',
                        //rappel
                        'Rappel' => 'alarm_add',

                    ),
                    'choice_attr' => function($choice, $key, $index) {
                        return ['data-md-icheck' => ''];
                    },
                    'expanded' => true,
                    'attr' => array('data-md-icheck' => '')

                )
            )

树枝：

  <div class="parsley-row uk-form-row">
                        <span class="uk-form-help-block">{{ form_label(form.icon, "Icône"|trans ) }}</span>
                        <div class="dynamic_radio uk-margin-small-top">
                            {% for child in form.icon %}
                                <span class="icheck-inline">
                                    {{ form_widget(child) }}
                                    <i class="md-icon md-list-addon-icon material-icons">{{ child.vars.value }}</i>

                                </span>
                            {% endfor %}
                            <span>{{ form_errors(form.icon) }}</span>
                        </div>
                    </div>

结果 ：

我必须做什么才能显示图标正确

Answer 1

我将 select 替换为 radio ，将选项中的值替换为 icon 的名称而不是 exadecimal 代码