s:if Conditional rendering not working about slim.js HOT 9 CLOSED

Hey,
if / switch-case / repeat, are OPTIONAL, therefore if you require using them, you should import these also.
https://unpkg.com/[email protected]//directives/if.js
https://unpkg.com/[email protected]//directives/repeat.js
https://unpkg.com/[email protected]/directives/switch-case.js

from slim.js.

Or use all of them at once
https://unpkg.com/browse/[email protected]/directives/all.js

from slim.js.

Please let me know if that works, so I could close this issue.

from slim.js.

Thank you for the tip! I am having trouble implementing it though in an es6 module script. I'm not sure the proper syntax for the directive import, since I couldn't find the export names for the directives. I tried this but that didn't seem to work:

<script type="module">
        import {Slim} from 'https://unpkg.com/[email protected]/Slim.js';
        import 'https://unpkg.com/browse/[email protected]/directives/all.js';

</script>

my other thought was to do something like import { if, switch, repeat } from 'https://unpkg.com/browse/[email protected]/directives/all.js'; But that didn't work either

from slim.js.

Remove the 'browse' from the URL.

import { Slim } from "https://unpkg.com/[email protected]/Slim.js";
import "https://unpkg.com/[email protected]/directives/if.js";

from slim.js.

FYI if you import slim from a local node-module, you should also import the directives from the same module.

from slim.js.

Oops, I should have caught that 'browse' thing... anyways that fixed it and it works now. Thanks vary much for the assistance and for a nice minimalist web-components library!

from slim.js.

You might want to try one of my two other libraries. There is an even lighter library @neow/web (alpha) it is much faster, fully expressional but lacks repeat directive (but you can add your own).

Also another one, ottavino is an object based one, that can "convert" regular HTML elements into custom-elements behavior.

https://github.com/neo-web/neow - https://webcomponents.dev/edit/fEa6HG5aeEwJ75vqDVyj
https://github.com/betterthancode/ottavino - https://webcomponents.dev/edit/RA7SjhwlA7S18lZy9kkL

I would appreciate your feedback.

from slim.js.

Cool, both of those look really nice. I'll use them in the same project I'm doing that I used Slim for. and I let you know how it goes! Thanks!

from slim.js.