Checkbox trait value is rendered differently in view (render()) vs model (getHtml())

Question

I have a custom component with a checkbox trait 'show-name'. When the trait value is 'true', the component renders in the view to the attribute show-name="true", whereas the model only has "show-name" and renders to "show-name" via getHtml(). How can I get a checkbox-trait to render to "show-name=true" via getHtml()? (Sorry for the long reference code below ;-) )View attribute is show-name="true" <filter-wizard data-gjs-type="Feature (Enum)" filter-model="filterDAO.getFilterForPropertyProfileId...

artf · Accepted Answer

@mararn1618 can you create a reproducible live demo of this issue, please?

mararn1618 · Answer

Hi @artf, of course. I have extracted the relevant parts of my project and created a demo along with reproduction steps:Demo: https://www.secretbakery.io/grapesjs/issue1424.htmlList demo files: https://www.secretbakery.io/grapesjs/ Thanks for taking care! Edit: I have added a downloadable archive of the demo to the files (grapesjs1424.zip).

mararn1618 · Answer

I am right now using a workaround for this, so that my AngularJS directive - where this attribute shall be used - recalculates 'show-name' as if we had 'show-name="true"' in the link stage.Workaround AngularJS Directive

Checkbox trait value is rendered differently in view (render()) vs model (getHtml())

Question

Answers (3)

Related Questions and Answers

QUESTIONS : Find element in Model

How to render component in canvas using trait.

Re-render view in editor's canvas whenever Trait value changes

Checkbox trait does not load as checked even when the trait value is true

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories