Change icon base on database field

[AlexandreMoreira]

how can i change de class to defined icon, on get de icon field from database?

tks

[brad]

Might need some more information.

But generally I just use a simple 'show' dynamic attribute.

<span dmx-show="staffDetails.data.query1.staffId==15">
    <i class="far fa-check-circle text-success"></i>
</span>

[AlexandreMoreira]

like this:

<i class=" fs-5" dmx-class:{{icone}}>

icone have the content i.e.: bi-house-door

[franse]

Check this teo answer, taken from this post Dynamic Font Awesome icons based on database output:

@Teodor

You can just use inner HTML for this, example:

dmx-html="'<i class=&quot;fas fw fa-lg' + dynamic_icon_value + '&quot;></i>'"

[sid]

@AlexandreMoreira

<i class=" fs-5" dmx-class:{{icone}}>

Try this:
<i dmx-bind:class="fs-5 {{icone}}">

[Teodor]

@AlexandreMoreira

like this:

<i class=" fs-5" dmx-class:{{icone}}>

icone have the content i.e.: bi-house-door

This should be:

<i dmx-bind:class="'fs-5 ' + icone">

[AlexandreMoreira]

tks @Teodor it's worked fine!

[franse]

@AlexandreMoreira

but how i can switch the field "caminho" dinamic too, like below?

Sorry what do you mean about this?

[AlexandreMoreira]

Like as showed with field icone, now a need put the field "caminho" dinamic as show in code above.

Using dmx-bind:href=

[AlexandreMoreira]

tks! i solved!