Nova图标选择

Question

我想集成一个图标列表在一个后台办公室(laravel nova)的下拉列表中，我在这个链接https://novapackages.com/packages/bernhardh/nova-icon-select上找到了一些帮助我的东西

我遵循了所有的程序，但是我在我的图标的显示级别上阻塞了，我目前在我的模型中有以下代码：

    public static function getIconsOptions(): array
    {
        NovaIconSelect::make("Icon")
        ->setIconProvider(IconProvider::make()->setOptions([
            [
                'label' => 'aaaa',
                'value' => '<i class="fa-brands fa-apple-pay"></i>',
            ],
            [
                'label' => 'aaaa',
                'value' => 'my-icons-2',
            ],
            [
                'label' => 'aaaa',
                'value' => 'my-icons-3',
            ],
        ]));
        $options = [];
        foreach(self::ICON_NAMES as $key => $icon)
            $options[$key] = trans('appearance.'.$icon);

        return $options;
    }

我刀锋上的这个代码

<select class="js-visual-field w-full form-control form-input form-input-bordered" data-field-name="icon_select_{{ $i }}">
    <option value="">{{ trans('nova-visual-composer::templates.'.$templateName.'.no_icon') }}</option>
    @foreach(\App\Models\Appearance::getIconsOptions() as $key => $txt)
        <option value="{{ $key }}">{{ $txt }}</option>
    @endforeach
</select>

Answer 1

要在blade中呈现HTML，您需要使用{!! $txt !!}而不是{{ $txt }}。否则，字符串将自动转义。所以：

<select class="js-visual-field w-full form-control form-input form-input-bordered" data-field-name="icon_select_{{ $i }}">
    <option value="">{{ trans('nova-visual-composer::templates.'.$templateName.'.no_icon') }}</option>
    @foreach(\App\Models\Appearance::getIconsOptions() as $key => $txt)
        <option value="{{ $key }}">{!! $txt !!}</option>
    @endforeach
</select>