Εφαρμόστε στυλ CSS στο mat-snackbar στο Angular

Αναρωτιέμαι γιατί έχω κολλήσει με αυτό όλο το απόγευμα, και νιώθω αμήχανα που κάτι τόσο ασήμαντο είναι τόσο δύσκολο να γίνει στο Angular Material.

Προσπαθώ να εφαρμόσω ένα προσαρμοσμένο στυλ σε ένα snackbar μόλις γίνει κλικ σε ένα κουμπί, αυτός είναι ο κώδικάς μου :

this.errormessagecard.open(error.error.mes

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

javascript - Οι CSS animations που ενεργοποιούνται με κύλιση μέσω του IntersectionObserver δεν λειτουργούν σωστά στο React

Προσπαθούσα να κάνω μια ιστοσελίδα να κινείται και σκέφτηκα να χρησιμοποιήσω τη λειτουργία κύλισης σε μια ιστοσελίδα για να ενεργοποιήσω τις εν λόγω κινήσεις. Ακολουθούσα ένα σεμινάριο χρησιμοποιώντας JavaScript και χωρίς πρόσθετη βιβλιοθήκη για να το κάνω μέσω του ακόλουθου κώδικα

function App() { const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { entry.target.classList.add("show"

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

typescript - (CSS) Το αρχείο δεν αναφέρεται στη λίστα αρχείων του έργου. Τα έργα πρέπει να περιλαμβάνουν όλα τα αρχεία ή να χρησιμοποιούν ένα πρότυπο 'include'

Εισάγω ένα αρχείο CSS module σε ένα αρχείο TS και λαμβάνω το παραπάνω σφάλμα. Δεν έχω κανένα πρόβλημα με την εισαγωγή άλλων τύπων αρχείων.

Έχω προσθέσει τα "./typings.d.ts", "**/*.css" για να δω αν αυτό ήταν το πρόβλημα. Δίνει σφάλμα με ή χωρίς αυτές τις συμπερίληψεις. Το αρχείο ./typings.d.ts έχει τα εξής:

declare module '*.module.css' { const classes: { [key: string]: string }; export default classes; }

Ο πλήρης σφάλμα είναι:

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

javascript - Το στοιχείο span δεν εμφανίζεται μέσα σε div σε React component με Tailwind CSS

Δουλεύω σε ένα component React που χρησιμοποιεί το Tailwind CSS για εμφάνιση, και αντιμετωπίζω ένα πρόβλημα όπου ένα στοιχείο δεν εμφανίζεται μέσα σε ένα . Προσπαθώ να δημιουργήσω ένα carousel βίντεο όπου κάθε βίντεο έχει έναν αντίστοιχο δείκτη, και ο δείκτης πε

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

html - Angular viewChild εγγενές κύλιση CSS παράθυρο διάταξη ιδιομορφίες

Έχω ένα συστατικό σε μια εφαρμογή Angular 19 με ένα κάθετα κυλιόμενο παράθυρο όπου το περιεχόμενο έξω από το παράθυρο είναι κρυφό, δηλαδή, το περιεχόμενο του παραθύρου εκτείνεται πέρα από το πάνω και το κάτω μέρος του σταθερού παραθύρου και το περιεχόμενο μπορεί να κεντραριστεί με το πάτημα ε

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

angular - Το Angular2/Typescript επιστρέφει 404 όχι βρέθηκε όταν προσπαθεί να εισάγει css-animator

Μόλις ξεκίνησα να παίζω με το angular2 και προσπαθώ να κάνω μερικές κινήσεις με το css-animator

package.json

"dependencies": { "@angular/common": "2.0.0-rc.3", "@angular/compiler": "2.0.0-rc.3", "@angular/core":

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

html - Angular2 παρακολούθηση του css χαρακτηριστικού του γονέα

Έχω μια οδηγία που προσθέτει τον αριθμό των pixel που αντιστοιχεί στο γονικό του right χαρακτηριστικό CSS

import { Directive, ElementRef, AfterViewInit } from "angular2/core" @Directive({ selector: "[d]" }) export class PositioningFromParent implements AfterViewInit { private el:HTMLElement

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

Πού πρέπει να βρίσκονται τα αρχεία .html, .css κ.λπ. για Typescript + Angular 2 + ASP.Net Core 1.0;

Το σεμινάριο Typescript για τη δημιουργία εφαρμογής ASP.Net Core (με ή χωρίς Angular 2) προτείνει να δημιουργήσουμε έναν φάκελο Scripts και να χρησιμοποιήσουμε εργασία gulp για να αντιγράψουμε μόνο τα αρχεία .js στον φάκελο wwwroot, π.χ. κατά τη διάρκεια της κατασκευής.

Τώρα αυτό βγάζει νόημα, αλλά τι κάνουμε με όλα τα αρχεία .html, .css, κ.λπ. που μπορεί να χρησιμοποιήσει το Angular 2; Φαίνεται ότι υπάρχουν γενικά δύο τρόποι για να το κάνουμε:

  1. Προσθέτοντάς τα

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

javascript - Πώς να ορίσετε το ύψος του div CSS για αναλογία διαστάσεων 16:9 σε κατακόρυφη λειτουργία για το Ionic 2

Ας υποθέσουμε ότι έχω ένα div που βρίσκεται πάνω από το ion-content. Προσπαθώ να ορίσω το ύψος του div παίρνοντας το πλάτος της συσκευής και να το υπολογίσω έτσι ώστε η αναλογία διαστάσεων να είναι 16:9, ακριβώς όπως η εφαρμογή του YouTube. Ωστόσο, δεν έχω ιδέα πώς να το πετύχω χρησιμοποιώντας CSS. Προς το παρόν, αυτό είναι που έχω.

div { width: auto; max-height: 40%; <-- how to set this height so that it is 16:9 background: black; div.img { width: 360px;

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

typescript - Αρχιτεκτονική για χρήση SCSS με Angular 2/4

Προσπαθώ να δημιουργήσω μια αρχιτεκτονική για τη χρήση του SCSS με το angular 4 έργο μου αντί για απλό CSS. Μέχρι τώρα έχω ακολουθήσει τον Οδηγό Στυλ του Angular για να τοποθετώ τα CSS απλά δίπλα στα αρχεία ts των components με κάθε component να έχει ξεχωριστό φάκελο,

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