atropos icon indicating copy to clipboard operation
atropos copied to clipboard

Angular support

Open sytzez opened this issue 2 years ago • 4 comments

Clear and concise description of the problem

It would be nice if the package came with an out-of-the-box Angular component, to make it easier and quicker to use in an Angular or Ionic project.

Suggested solution

I've already made a working Angular component. I would be willing to rewrite this so if fits with the main Atropos repo, and be available under atropos/angular.

Alternative

Alternatively I could keep maintaining my own package and keep it separate from the main one.

Additional context

No response

Validations

  • [X] Follow our Code of Conduct
  • [X] Read the docs.
  • [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

  • [X] I'm willing to open a PR

sytzez avatar Nov 02 '21 07:11 sytzez

"localhost/:1 Refused to apply style from 'http://localhost:4200/~atropos/atropos.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled."

image

Josee9988 avatar Sep 22 '22 16:09 Josee9988

import Atropos from 'src/../atropos/atropos';

ngAfterViewInit() {

const myAtropos = Atropos({
  el: '.my-atropos',

.....

this worked

jnurse13 avatar Oct 12 '22 14:10 jnurse13

image

I am still having the same issue.

Where should I use this constant that I just created in the afterview method because it appears unused?

I am just using atropos like this (right away without further modifications) image

Thanks in advance

Josee9988 avatar Nov 01 '22 08:11 Josee9988

you don't need too - put it in a console log or just initiate

jnurse13 avatar Nov 01 '22 09:11 jnurse13