Dynamically assigning a value for x-target not working, but works if assigning it statically. about alpine-ajax HOT 4 CLOSED

Thanks for reporting this. I’m close to rolling out a fix, shooting for a release at the end of this week.

from alpine-ajax.

Ah, you have a sneaky syntax error in the first code snippet, x-target is a directive so you have to drop the : prefix (just like x-text), this should work:

<template x-for="(note, index) in filenotes" :key="index">
<div>
<div :id="'note'+index"><p x-text="note.filenotes"></p></div>
<div><a :href="'filenotes-edit/'+info.profile.id" x-target="'note'+index">edit</a></div>
</div>
</template>

This won't fix everything yet, there's still an issue with dynamically evaluating x-target, but I'm working on that fix right now and the code above should work on the next release.

from alpine-ajax.

You can x-target:dynamic in v0.6.0 now:

<template x-for="(note, index) in filenotes" :key="index">
<div>
<div :id="'note'+index"><p x-text="note.filenotes"></p></div>
<div><a :href="'filenotes-edit/'+info.profile.id" x-target:dynamic="'note'+index">edit</a></div>
</div>
</template>

from alpine-ajax.

Awesome! Thanks @imacrayon

from alpine-ajax.