angular - بستن popover در ngx-bootstrap با کلیک خارج از آن

من در حال تلاش برای ایجاد یک کنترل فرم سفارشی Angular 4 به عنوان انتخابگر تاریخ خود هستم. من از ngx-bootstrap استفاده می‌کنم و تا به حال این کنترل فرم سفارشی را با استفاده از یک input، datepicker و کامپوننت popover از ngx-bootstrap راه‌اندازی کرده‌ام. کنترل سفارشی هنگام فوکوس یک popover با datepicker باز می‌کند، با این حال، من نیاز دارم که بتوانم با تعامل با محتوای popover تاریخ را تغییر دهم و زمانی که با popover یا input تعامل ندارم، بسته شود. من تلاش کردم تا بر اساس هکی که در مسئله GitHub n

ادامه مطلب →

typescript - RequireJS + Bootstrap Datepicker + فایل‌های محلی

من پروژه‌مان را به ماژول‌ها منتقل می‌کنم. بنابراین بیشتر چیزها کار می‌کنند، اما بعضی از اجزا با مشکلاتی مواجه هستند. مشکل اصلی به نظر می‌رسد فایل‌های محلی‌سازی باشد. اگر راه‌حل این مثال را داشتم، می‌توانستم سایر مشکلات پروژه‌ام را برطرف کنم.

من از Bootstrap Datepicker از اینجا استفاده می‌کنم https://bootstrap-datepicker

ادامه مطلب →

استفاده از بوت‌استرپ، تابع جاوااسکریپت در فایل Angular ts

لطفاً یک سؤال سریع دارم. با اینکه سوالات مشابه با سوال من را می‌بینم، به نظر می‌رسد پاسخ‌ها را نمی‌فهمم. قضیه این است: ایده‌آل این است که اگر یک صفحه‌ای با استفاده از بوت‌استرپ ساخته شده باشد و یک تابع جاوااسکریپت استفاده کند، این تابع یا در فایل HTML بوت‌استرپ گنجانده شده باشد یا فایل جاوااسکریپت به صور

ادامه مطلب →

انگولار - تایپ‌اسکریپت برای فراخوانی تابع ngx-bootstrap

من در حال تلاش هستم تا تایپ‌اسکریپت خود را با متد hide از ngx-bootstrap وصل کنم، در پروژه‌ام من چندین تابع را اجرا می‌کنم و همه آنها وقتی کاربر روی دکمه x در پاپ‌آور کلیک می‌کند به طور هم‌زمان بسته می‌شوند، myfunction() در تایپ‌اسکریپت اجرا خواهد شد و متد hide پاپ‌آور pop2.hide() را فعال می‌کند.

ادامه مطلب →

angular - PlatformRef.bootstrapModule(...) خطایی ایجاد می‌کند که می‌گوید «هیچ پیاده‌سازی ResourceLoader ارائه نشده است.»

من در حال تلاش برای ایجاد یک NgModuleRef<AppModule> هستم تا برخی از کامپوننت‌های خود را در فرمت‌های غیر HTML رندر کنم.

من توانستم یک شیء PlatformRef ایجاد کنم، اما وقتی که bootstrapModule(AppModule) را روی این شیء

ادامه مطلب →

انگولار - بوت‌استرپ چند ماژول یا یک ماژول بر اساس URL در main.ts

من در حال کار روی یک پروژه وب (.NET Framework MVC) هستم که نمی‌تواند به طور کامل به یک پروژه کامل انگولار منتقل شود، بنابراین نمی‌توانم از مسیر‌یابی انگولار برای بارگذاری تنبل استفاده کنم، اما همچنین نمی‌خواهم همه چیز در جایی که کامپوننت‌های انگولار استفاده می‌شوند بارگذاری شود. این یک راه‌حل سازمانی است و آسان (و ارزان) نیست که بگوییم: «هی، بیایید کاملاً از انگولار استفاده کنیم و پروژه قدیمی را فراموش کنیم!».

پس من این را، به نظر خودم، به روشی تمیز حل کرده‌ام تا ماژول‌های مختلف را بر ا

ادامه مطلب →

typescript - پنجره مودال در ساختار کامپوننت سلسله‌مراتبی angular-bootstrap-md کار نمی‌کند

من یک ساختار سلسله‌مراتبی از اجزا دارم مانند

عامل

لیست وظایف (کامپوننت: این همچنین از کامپوننت مشترک جدول لیست وظایف استفاده می‌کند)

نوع‌وظیفه (جزء)

پیش‌نمایش وظیفه (مولفه مودال)

agent.component.html (task-type، task-list و preview-task به عنوان مرجع در این کامپوننت استفاده شده‌اند)

مشترک

جدول فهرست وظایف (در این مؤلفه دکمه‌ای به نام مشاهده وجود دارد که هنگام کلیک کاربر پنجره مودال را نمایش می‌دهد)

وقتی روی دکمه کلیک می‌کنم، مودال پاپ‌آپ کار نمی

ادامه مطلب →

جاوااسکریپت - bootstrap-select + تایپ‌اسکریپت + وب‌پک در مثال ساده به‌درستی رندر نمی‌شود

من نتیجهٔ زیر را در مرورگر گرفتم. و مطمئن نیستم چرا.

در اینجا HTML است

<body> <select id="selectpicker"> <option>Mustard</option> <option>Ketchup</option> <option>Barbecue</option&g

ادامه مطلب →

جاوااسکریپت - حذف سطر از جدول ng-bootstrap

من نمونه کامل جدول ng-bootstrap را با موفقیت پیاده‌سازی کرده‌ام. حذف شیء از DOM و پایگاه داده کار می‌کند، اما نمی‌توانم راهی برای حذف ردیف از نمای پیدا کنم. برای مشاهده تغییرات، نیاز به بازگذاری مجدد صفحه است. لطفاً توجه داشته باشید که تابع حذف فعال شده و باید از دکمه تایید دیالوگ مدال ng-bootstrap فعال شود.

من نمی‌توانم data$ را از حلقه for مثل روش زیر یا روش‌های مشابه فراخوانی کنم، زیرا todo (یا هر چه) مشاهده‌پذیر todos$

ادامه مطلب →

html - بوت‌استرپ پلتفرم Angular 9 برای چندین ماژول - اجرای چندین برنامه در صفحه

من روی پروژه‌ای کار می‌کنم که نیاز دارد دو برنامه روی صفحه اجرا شوند. چیزی شبیه به:

<body> <app-main></app-main> <app-secondary></app-secondary> </body>

ایده این است که دو برنامه هر کدام Injector/Routing/NgZone خود را داشته باشند، یکی از برنامه‌ها در هر زمان با به‌روزرسانی استایل display: none/block نمایش داده خواهد شد.

من می‌توانم با بوت‌استرپ کردن دو ماژول در main.ts به آن دست یابم. این با

ادامه مطلب →