can/demos/can-stache-bindings/event-args.html

MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy.

<my-items></my-items>
<script>
	steal = { forceES5: false };
</script>
<script src="../../node_modules/steal/steal.js" main="@empty" id='demo-source'>
import { ObservableArray, StacheElement } from "can";

class MyItems extends StacheElement {
    static get view() {
        return `
            {{# for(item of this.items) }}
                <li on:click='this.items.splice(scope.index,1)'>{{ item.name }}</li>
            {{/ for }}
        `;
    }

    static get props() {
        return {
            items: {
                get default() {
                    return new ObservableArray([{name: "first"}, {name: "second"}]);
                }
            }
        };
    }
}

customElements.define("my-items", MyItems);
</script>