angular - χρήση μεταβλητών SCSS

Αυτή τη στιγμή δουλεύω σε μια εφαρμογή Angular 4 με το angular-cli και βρήκα ένα μικρό πρόβλημα. Προσπαθώ να δημιουργήσω ένα component που μπορεί να φορτώνει styling δυναμικά.

Έχω ένα συστατικό ComponentX το οποίο θα πρέπει να χρησιμοποιεί μια μεταβλητή SCSS color για παράδειγμα. Ωστόσο, η τιμή του color θα πρέπει να εξαρτάται

Διαβάστε περισσότερα →

typescript - Πώς να δημιουργήσετε typings για css στο rollup

Χρησιμοποιώ το rollup ως τον δημιουργό των μονάδων μου και το Typescript στον κώδικά μου. Τώρα, χρειάζεται να ορίσω μερικά αρχεία CSS για τη μονάδα μου. Κατά την εισαγωγή του αρχείου CSS στο .ts αρχείο λαμβάνω το παρακάτω σφάλμα Cannot find module './styles.css'. Πώς μπορώ να δημιουργήσω τύπους για τα αρχεία CSS μου;

Συνάντησα ένα πακέτο npm, το typed-css-modules, για να δημιουργήσω τα typings. Προσπάθησα να το χρησιμ

Διαβάστε περισσότερα →

javascript - CSS με LeafLet

Χρησιμοποιώ Angular 6 και Leaflet. Δεν καταλαβαίνω γιατί δεν μπορώ να ορίσω το CSS μου στο component μου... Αυτός είναι ο κώδικάς μου :

HTML

<div class="custom-popup" id="frugalmap">

CSS

.custom-popup .leaflet-popup-content-wrapper { background:#2c3e50; color:#fff; font-size:160px; line-height:24px; bord

Διαβάστε περισσότερα →

typescript - Πώς να χρησιμοποιήσετε προεπεξεργαστές CSS με το Angular 7

Είμαι καινούριος στον κόσμο των προ-επεξεργαστών. Πώς μπορώ να τους χρησιμοποιήσω, ειδικά το postcss και το lostgrid, με το angular 7;

Προσπαθώ να εφαρμόσω αυτόν τον κώδικα στο Angular. Και όπως μπορείτε να δείτε, χρησιμοποιεί postcss-cssnext και lost-grid.

@use postcss-cssnext; @use lost; @lost flexbox f

Διαβάστε περισσότερα →

angular - CSS κινούμενα σχέδια στο ngOnDestroy ή στην αφαίρεση του DOM

Χρησιμοποιώ το Angular 7 και θέλω να εκτελέσω κάποια CSS κινούμενα γραφικά στο στοιχείο φιλοξενίας ενός component όταν αυτό το στοιχείο αφαιρεθεί από το DOM - όταν το component καταστραφεί.

  • Αν θέλω να το κάνω αυτό στη μέθοδο ngOnDestroy, το στοιχείο κεντρικού υποδοχέα έχει ήδη αφαιρεθεί από το DOM.

    Διαβάστε περισσότερα →

html - Το CSS του Angular δεν εκτελείται από το CSS του component του Angular

Το έργο μου σε Angular διαβάζει από μια βιβλιοθήκη που περιέχει αυτόν τον κώδικα ως κλάση:

class MyClass extends EventEmitter { constructor () { // add the element to the container this.loadingElement = document.createElement('div'); this.loadingElement.className = "loading" this.loadingElement.innerText = 'Now Loading...'; } }

Στο app.component.css μου έχω αυτό:

#componentDivId .loading { position: absolute;

Διαβάστε περισσότερα →

javascript - Πώς να εμφανίσετε και να αποκρύψετε ένα modal φτιαγμένο με καθαρό html και css στο angular;

Έχω δημιουργήσει ένα modal με CSS και καθαρό HTML για την εφαρμογή Angular μου, προσπαθώ να το εμφανίζω και να το κρύβω με την ιδιότητα ng-if και με το @input.

αλλά το πρόβλημα είναι ότι μπορώ να το ανοίξω μόνο μία φορά και να το κλείσω μόνο μία φορά, αφού το κλείσω δεν θα ανοίξει ξανά.

και δεν ξέρω ποιο είναι το πρόβλημα στη λογική μου

Αυτό είναι το HTML του συστατικού μου modal.

<div class="card mymodal z-depth-5" *ngIf="noDisplay">

Διαβάστε περισσότερα →

reactjs - Λήψη σφαλμάτων στο tsconfig.json μετά την προσθήκη Tailwindcss v3 σε Nextjs (create-next-app --typescript)

Εδώ είναι το σφάλμα στο VS code

Cannot find type definition file for 'accepts'. The file is in the program because: Entry point for implicit type library 'accepts'

Έχω προσπαθήσει να εγκαταστήσω τύπους για το 'accepts' χρησιμοποιώντας 'yarn add @types/accepts', αλλά μετά εμφανίζει το ίδιο σφάλμα για το 'body-parser' και συνεχίζει συνέχεια λέγοντας μου να προσθέσω τύπους για διαφορετικά πακέτα που είναι άγνωστα σε μένα.

Έκδοσεις Πακέτων:

Διαβάστε περισσότερα →

reactjs - Πώς να ορίσετε μια μεταβλητή CSS χρησιμοποιώντας το React

πώς να ορίσω μεταβλητή CSS σε React TypeScript αν προσπαθώ να

<main style={{ "--nav-height": navHeight }}> </main> main { height: calc(100vh -var(--nav-height)); background: green; }

Παίρνω

Type '{ "--nav-height": string; }' is not assignable to type 'Properti

Διαβάστε περισσότερα →

angular - Εφαρμογή Κανόνων CSS υπό συνθήκη σε στοιχεία μέσα σε βρόχο *ngFor

Έχω μια λίστα που γεμίζει δυναμικά με αντικείμενα.

Θέλω να καταφέρω να προσθέσω ένα χρώμα φόντου στο div που περιέχει το επιλεγμένο πλαίσιο ελέγχου.

Επιπλέον, θέλω να εμφανίζονται τα κουμπιά όταν το πλαίσιο επιλογής είναι επιλεγμένο.

<div *ngFor="let item of items"

Διαβάστε περισσότερα →