Config Alpinejs in ASP.NET Core MVC project

Question

Can someone explain to me how to configure alpinejs in an ASP.NET Core MVC project and use it in a my .cshtml files?

I have already run npm install alpinejs and I have already imported it into my index.cstml file

<script src="~/node_modules/alpinejs/dist/alpine.js"></script>

However I have a problem when I make @click

<button class="outline-none focus:outline-none border-r border-gray-200 w-10 h-10 hover:text-indigo-500 active:bg-gray-50" 
        @click="format('bold')">
    <i class="mdi mdi-format-bold"></i>
</button>

pthomson · Accepted Answer · 2022-12-22 15:49:13Z

6

the @ is already a reserve symbol in asp.net, so you can escape it with @@click or use the longer binding syntax in Alpine of x-on:click

answered Dec 22, 2022 at 15:49

pthomson

7971 gold badge7 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Config Alpinejs in ASP.NET Core MVC project

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related