تایپ‌اسکریپت - نمایش آیکون بر اساس مقدار API با استفاده از Angular به‌صورت پویا
من در تلاش بودم تا فرم‌های پویا ایجاد کنم که در آن نیاز دارم برای فیلدهای ساخته شده‌ام آیکون نمایش دهم. اینجا صفحه رابط کاربری من است که در آن فیلدم را در یک کاوشگر فیلد نمایش می‌دهم.
این فهرست از طریق API می‌آید.
اینجا باید یک آیکون در جلوی متن قرار دهم
در اینجا کد HTML فعلی م
ادامه مطلب →اچ‌تی‌ام‌ال - انگولار - انیمیشن مسیر فقط هنگام تازه‌سازی صفحه فعال می‌شود
من یک موقعیت دارم که انیمیشنی که برای مسیرها تنظیم کرده‌ام فقط زمانی فعال می‌شود که صفحه مرورگر تازه‌سازی شود. هنگامی که به مسیرهای مختلف در برنامه می‌روم، انیمیشن‌ها اعمال نمی‌شوند.
این فایل router-animations.ts من است:
import { trigger, transition, style, ادامه مطلب →جاوااسکریپت - Angular Html2Pdf - DOMException: تنظیم ویژگی 'adoptedStyleSheets' روی 'ShadowRoot' ناموفق بود
پیاده‌سازی html2pdf با Angular 12، تبدیل بخش‌هایی از صفحه HTML به PDF برای دانلود.
خطای کنسول
index-7a8b7a1c.js:150 خطا در وعده (promise): DOMException: تنظیم ویژگی 'adoptedStyleSheets' روی 'ShadowRoot' انجام نشد: اشتراک‌گذاری استایل‌شیت‌های ساخته‌شده در چندین سند مجاز نیست
اچ‌تی‌ام‌ال
<section id="toPdfContainer"> <h5 class="card-title">Hello WOrld!</h5> </s ادامه مطلب →html - نمایش فایل CSV به صورت جدول - Angular/TS
من می‌توانم یک فایل CSV (غیر خالی) را با موفقیت بارگذاری کنم و جدول به اندازه مجموعه داده واکنش نشان می‌دهد. با این حال جدول فایل CSV را به صورت خالی نمایش می‌دهد. آیا ممکن است چیزی را از قلم انداخته باشم؟
من از Angular 12، Npm 9 استفاده می‌کنم و از ngx-csv-parser نسخه 0.0.7 استفاده می‌کنم
ممکن است این مشکل از فایل CSV خاص
ادامه مطلب →انگولار مقدار JSON را به مسیر تصویر مرتبط می‌کند
من باید داده‌هایی را که از یک API که به خوبی کار می‌کند می‌آید نمایش دهم، من نیاز دارم هر کشور را با پرچم مربوطه‌اش نمایش دهم اما نمی‌فهمم چگونه مقدار یک JSON را با مسیر یک تصویر مرتبط کنم.
مثال: برای
برچسب: کامبوج بیگرام: KH
نمایش: src/assets/flags/KH.jpg
برچسب: فرانسه دوحرفی: FR
نمایش: src/assets/fla
ادامه مطلب →جاوااسکریپت - تکرار یک کامپوننت در React مانند *ngFor در Angular
در React، از تابع map داخل JSX برای تکرار روی آیتم‌ها استفاده می‌کنیم.
آیا ممکن است یک مؤلفه Repeat مانند *ngFor در Angular داشته باشیم؟
<Repeat for={[1, 2, 3]}> ... <Repeat for={[5, 6, 7]}> ... </Repeat> </Repeat> ادامه مطلب →html - انگولار تغییرات را در قالب شناسایی نمی‌کند
وقتی چیزی را در فایل قالب کامپوننت (html) تغییر می‌دهم، مرورگر وب دوباره بارگذاری نمی‌شود، اما وقتی چیزی را در تایپ‌اسکریپت ویرایش کرده و تغییرات را ذخیره می‌کنم، مرورگر وب دوباره بارگذاری می‌شود. در حال حاضر من نیاز دارم از عمل ذخیره در تایپ‌اسکریپت استفاده کنم (مستقل از اینکه تغییراتی در آن داده باشم یا نه) تا مرورگر مجدداً بارگذاری شود و تغییرات html را نشان دهد.
نسخهٔ انگولار:
Angular CLI: 12.1.1 Node: 14.16.0 Package Manager: npm 7.19.1 OS: win32 x64 Angular: 12.1.1 ادامه مطلب →تایپ‌اسکریپت - به اشتراک‌گذاری داده‌های فایل بین کامپوننت‌ها در انگولار
من از یک فرم واکنشی برای گرفتن چند ورودی و یک فایل از کاربر با استفاده از یک کامپوننت استفاده می‌کنم. صفحات ts و html کامپوننت به شکل زیر هستند
import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormGroup } from '@angular/forms'; import { Router, ActivatedRoute } from '@angular/router'; @Component({ selector: 'app-import-file', templateUrl: './import-file.component.html', styleUrls: ['./import-file.component.css'] }) ادامه مطلب →typescript - Angular خطای NG0100: ExpressionChangedAfterItHasBeenCheckedError هر بار که اسکرول می‌کنم
پس من در حال ساخت یک اپلیکیشن چت هستم، هر بار که پیامی ارسال می‌کنید به طور خودکار به پایین صفحه اسکرول می‌شوید، و من از این کد برای این کار استفاده می‌کنم
<div class="chatContent" #scrollMe [scrollTop]="scrollMe.scrollHeight"> @ViewChild('scrollMe') scrollMe; this.shouldScroll = this.scrollMe.scrollTop + this.scrollMe.clientHeight ===this.scrollMe.scrollHeight; ادامه مطلب →html - تنظیم مقدار حداقل ورودی نوع تاریخ به تاریخ فعلی در انگولار 12
من یک انتخاب‌کننده تاریخ ورودی دارم و می‌خواهم مقدار حداقل آن را به تاریخ جاری تنظیم کنم
چطور می‌توانم این کار را با استفاده از
ادامه مطلب →