Magento2 | Execute data-mage-init and x-magento-init in dynamic content (ajax request)

README.md

Execute data-mage-init and x-magento-init in dynamic content (ajax response)

Trigger .trigger('contentUpdated') on the element where dynamic content is injected.

$.ajax({
    url: 'https://www.example.com',
    method: 'POST',
    data: {
        id: '1'
    },
    success: function (data) {
        $('.example-element').html(data)
                             .trigger('contentUpdated')
    }
});

Exactly what I was looking for, first hit. Cool, thanks!

PS: This also works with content generated with Knockout (templates)

Thank you for this snippet, it saved me.

@timneutkens It doesn't seem to work with knockout templates inside data from element.html(data).
The component is initialized. But something like <div data-bind="visible: myFunction()"> is not called in my case. Tried also with ko if comment statement.

i luv u man

awesome. saved my time :). Thank you

awesome.Thank you for this snippet, it saved me.

bro....you rock

friend
you so rock