在 select 按钮中显示 material 个图标

Question

我正在使用 symfony 3 开发应用程序。我有一个 select 按钮 ( selectize)，我想显示一些 material 图标。
我做了什么：

表单类型：

        ->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

我用 radio 替换了 select ，选择中的值用图标的名称而不是十进制代码

在 select 按钮中显示 material 个图标

Displaying material icons in select button

selectize.js

google-material-icons

symfony-3.2