javascript - როგორ აჩვენოთ და დამალა მოდალი, შექმნილი წმინდა HTML და CSS-ით Angular-ში?

მე შევქმენი მოდალი CSS-ის და წმინდა HTML-ის გამოყენებით ჩემი Angular აპლიკაციისთვის, ვცდილობ ვაჩვენო იგი და დავმალო იგი ng-if თვისებით და @input-ით.

მაგრამ პრობლემა ის არის, რომ მე შემიძლია მისი ერთი დაღება და ერთი დახურვა, დახურვის შემდეგ ის აღარ გაიხსნება.

და მე არ ვიცი, რა არის პრობლემა ჩემს ლოგიკაში

ეს არის ჩემი კომპონენტის მოდალური HTML.

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

Წაიკითხე მეტი →

reactjs - შეცდომების მიღება tsconfig.json-ში Tailwindcss v3-ის Nextjs-დაპროექტებაში დამატების შემდეგ (create-next-app --typescript)

აქ არის შეცდომა VS კოდში

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 'Properties&l

Წაიკითხე მეტი →

angular - CSS წესების პირობებით მიმართვა ელემენტებზე *ngFor ციკლში

მყავს სია, რომელიც დინამიკურად არის შევსებული ობიექტებით.

მინდა მივაღწიო იმას, რომ დავამატო ფონური ფერი დივზე, რომელიც შეიცავს მონიშნულ ჩეკბოქსს.

გარდა ამისა, მინდა ღილაკები დავაჩვენო მაშინ, როცა ჩეკბოქსი მონიშნულია.

<div *ngFor="let item of items" [ngClass]="

Წაიკითხე მეტი →

typescript - როდესაც Vue3-ში .module.scss იყენებთ, წარმოიშვა TS შეცდომა

მე მაქვს ცვლადი foo.module.scss-ში და მინდა გამოვიყენო ის .vue ფაილებშ. როცა ვიმპორტირებ ცვლადს foo.vue-ში, ვიღებ ts შეცდომას

// foo.vue <script lang="ts" setup> // Module '"*.module.scss"' has no exported member 'titleColor'. Did you mean

Წაიკითხე მეტი →

typescript - NUXT 3 - ცალ-ცალკე შაბლონი vue ფაილში, სკრიპტი TS ფაილში, scss scss ფაილში

როგორ შეგვიძლია გავაყოფოთ Templelate, Script(TS), Style(SCSS) ინდივიდუალურ ფაილში Nuxt3-ში?

მე ვცადე Nuxt2-ის მითითებით, მაგრამ ეს არ იმუშავე - https://stackoverflow.com/a/50956376/

პასუხი #1

ჩემი ფაილების განცალ

Წაიკითხე მეტი →

ლიფლეტის კასტომიზებული მარკერის (divIcon) html/css არ მუშაობს

ამჟამად ვცდილობ leaflet-ის მარკერის პერსონალიზებას divIcon-ით და კასტომიზირებული html-ით. მიზანი არის ჩემი მარკერის წარმოჩენა მსგავსად შემდეგისა:

მე მაქვს შესაძლებლობა დავამზადო მარკერი და divIcon შემდეგი კოდით:

leaflet.marker(NETHERLANDS_CENTER, { icon: leaflet.divIcon({

Წაიკითხე მეტი →

typescript - Tailwind CSS სტილები არ ჩანს Svelte აპლიკაციაში

მე შევქმენი Svelte აპლიკაცია გამოყენებით „npm create vite@latest“, არჩევით Svelte-ს და TypeScript-ს. მე ვიყენებ Vite-ს სერვერად, ასევე დავაყენე TailWind CSS აქ მითითებული ინსტრუქციის მიხედვით.

ჩემი tailwind.config.cjs კოდი:

/** @type {import('tailwindcss').Config} */ module.exports = { content: [

Წაიკითხე მეტი →

angular - css ფაილის დამატება Angular2-ის შიდა კომპონენტში

მე მაქვს კომპონენტი ტექსტური ყუთისთვის, რომელსაც ვიყენებ შესვლის ყველა ველისთვის. მის შიგნით მაქვს გადამრთველი მე ვაძლევ კონკრეტულ მახასიათებლებს; მაგალითი:

case 'password': this.textField.nativeElement.secure = true;

მე შევქმენი კიდევ ერთი ველი სვიჩის შიგნით და მინდა ვუკავშირო მას კლასი გლობ

Წაიკითხე მეტი →

mocha.js - Typescript: CSS მოდულები შეწყვეტს კომპილაციას Mocha-ში

მაპი მაქვს კომპონენტი, რომელიც იყენებს react-css-modules- ს და ჩემი ტესტები მიმდინარეობს mocha და ts-node გამოყენებით, შედეგად ჩემი ტესტი დაირყა, რადგან ვერ პოულობს მოდულს foo.css. როგორ μποი ამას მივაღწიო?

დაპროცესებული ბრძანება, რომელსაც ვკვებავ ჩემს ტესტზე არის: ./node_modules

Წაიკითხე მეტი →