AngularJS wrapper for svelte components. This is an angularjs directive; put it in your directives folder.
To use this in any angularjs template, just invoke like so:
<angular-to-svelte
dynamic-attrs='[
"attr1",
"attr2"
]'
svelte-component='FancySvelteComponent'>
</angular-to-svelte>
How to use
- Copy the angular_to_svelte.js file to your app's directives folder
- import and save your svelte component to the angularjs parent scope
$scope.FancySvelteComponent = FancySvelteComponent;
- pass in any angularjs scope attr names that you wish to be dynamically bound (see attr1 and attr2 above) as the property "dynamicAttrs" - when these attrs change in angularjs, svelte will pick up the changes.
- Those dynamic attrs will be available in svelte as exports
- All other properties on your wrapping angularjs scope will be available to use in your svelte component as exports
- Use in your svelte component by "exporting" both dynamic and static properties:
export let attr1;
export let attr2;
export let someOtherAttr;
export let someFunctionInAngularThatYouCanTotallyJustCallInSvelte
Hope this is helpful; certainly this is a very rough early effort and has some limitations.