اشتراکها
من این کار رو توی انگیولار 14 انجام دادم و مشکلی نداشتم فقط چندتا نکته دیدم که بهتر دونستم اینجا اعلام کنم شاید به درد کسی بخوره.
اول اینکه توی ورژنهای جدید انگیولار متریال، DateAdapter به فولدر angular/material/core
منتقل شده
نسخه قدیمی
import { DateAdapter } from "@angular/material";
import { DateAdapter } from "@angular/material/core";
مابقی هم همینطور
import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from "@angular/material/core";
یه مشکلی هم که من داشتم این بود که تقویم چپ چین بود و من میخواستم راستچین باشه که با "DIR="RTL حل شد
<mat-datepicker #picker2 dir="rtl"></mat-datepicker>
جهت اطلاع
- این پروژه به Angular Material 9x ارتقاء داده شده؛ جزئیات بیشتر
- کلیات نهایی آن با مطالب این سری یکی است. فقط روش importهای آن تغییر کرده که در سورس نهایی قابل مشاهدهاست.
به روز رسانی
با PR ارسالی توسط محمد شریفی، این پروژه به نسخه جدید Angular ارتقاء یافت. در نسخههای جدید استفاده از NgModuleFactoryLoader منسوخ شده است.
جهت اطلاع
بستهی «Microsoft.AspNetCore.SpaServices» با توجه به وجود ابزارهایی مانند Angular CLI, create-react-app، منسوخ شده اعلام شده و بهتر است یا از آن استفاده نکنید و یا از Microsoft.AspNetCore.SpaServices.Extensions استفاده نمائید.
Lazy loading حجم برنامههای Angular را کم نمیکند. فقط این حجم کلی را به چندین ماژول که بعدا لود خواهند شد، تقسیم میکند. به همین جهت این حجم کم اولیهی مشاهده شده، صرفا یک اثر روانی دارد تا اثر فنی.
در انگولار 6 با معرفی schematics به راحتی با یک دستور کلیه کارهایی که در پست بالا گفته شد قابل انجام است.[+ ]
ng add @angular/material
یکسری از وابستگیهایی که دارید با هم سازگاری ندارند (فایل zip انتهای بحث را دریافت کنید و شماره نگارشهای package.json آنرا با نمونهی خودتان مقایسه کنید). برای مثال این بحث در مورد Angular 6x است و شما angular-cli نگارش 1.0.0 آن هم beta.28.3 را استفاده میکنید.
"devDependencies": { "angular-cli": "1.0.0-beta.28.3",
راه حل: قسمت « به روز رسانی Angular CLI » را پیگیری کنید (هیچ راه حل دیگری هم ندارد. هر دو قسمت «الف) به روز رسانی بستهی عمومی نصب شدهی آن » و «ب) به روز رسانی یک برنامهی محلی» را باید انجام دهید).ضمنا در نظرات آن مطلب، نکات تکمیلی مهمی هم وجود دارند که بد نیست با آنها آشنا شوید؛ مانند روش به روز رسانی یکجای وابستگیهای سراسری سیستم و یا روش یافتن نگارشهای جدید بستههای یک فایل package.json قدیمی.
سلام
فایل angular.json کجا قرار میگیرد؟
در صورت ساختن پروژه ترکیبی با کد زیر:
dotnet new angular
بله. اینجا بحث شده.
+ یک نمونه مثال از یک برنامهی Angular که از روش مبتنی بر کوکی ASP.NET Core برای اعتبارسنجی استفاده میکند (بجای استفادهی از JWT).