انچه یاد میگیرم

به اشتراک میگذارم

استفاده از ngx-owl-carousel-o در پروژه انگولار

درپروژه های دات نت کور .netcore از Owl Carousel 2  استفاده میشود و برای پروژه انگولار میتوان از 

npm i ngx-owl-carousel-o

استفاده کرد اما به چه صورت ...

نمایش اطلاعات گروه بندی شده بر اساس نام گروه

اطلاعات به صورت والد فرزند در جدول بانک اطلاعاتی ذخیره شده است، میخواستم در یک صفحه نمایش داده شود به نحوی که نام دسته در بالا و اجزاء آن در زیر هر گروه نمایش داده شود.

استفاده از تمهای پیشفرض انگولار متریال default them of angular material در پروژه انگولار

در این پست تعدادی از پکیج های لازم در انگولار رو لیست کردم یکی از آنها angular materail  است که با دستور 

 

ng add @angular/material

در خط فرمان پروژه به پروژه انگولار اضافه خواهد شد

 

9 مرحله استفاده از angular material در پروژه های انگولار

استفاده از angular material در پروژه های انگولار

 

Unable to create an object of type 'MyProjectContext'. For the different patterns supported at design time

برای پروژه ای خودم با توجه به پروژه،  چند sln میسازم برای یکی پروژه وب و برای Model هم یک classlibrary جدا گانه و چند class library دیگر هم معمولا با توجه به پروژه اضاف میکنم 

migration  را برای ایجاد بانک اطلاعات ی در پروژه Model  میسازم و همانجا هم دستورآپدیت بانک اطلاعاتی 

در VSCode

dotnet ef migrations add yourMigrationName
dotnet ef database update

,و در Visual Studio 

add-migration MigrationName -context ContextName
update-database

 

ابزارهایی که بعد از نصب vscode برای اجرای دستورات پروژه MVC core نیاز است

VS Code کمک میکند تا به راحتی بدون نصب visual studio  به برنامه  نویسی خود ادامه بدهید. فقط بعد از نصب VSCODE  نیاز هست که چند tools و همچنین Extension  نصب کنید

خطای This likely means that the library (@angular/common/http) which declares HttpClient has not been processed correctly by ngcc,

برای اینکه بتونم اطلاعات رو در پروژه انگولار از بانک اطلاعاتی بخونم یه service  اضافه کردم و برای استفاده لازم بود این خط کد رو import کنم 

import {HttpClientModule, HttpClient } from '@angular/common/http';

و ردر service هم همینطور 

import { HttpHeaders, HttpClient } from '@angular/common/http';

اما زمانی پروژه رو اجرا کردم به ا ین خطا برخوردم 

 This likely means that the library (@angular/common/http) which declares HttpClient has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking 
with the library's authors to see if the library is expected to be compatible with Ivy.

 

 

پکیج های لازم برای استفاده در یک پروژه انگولار Angular

یک پروژه انگولار ایجاد کردم و پکیج ها رو نصب کردم لیست پکیجها برای من اینچنین بود 

تغییر فونت در انگولار متریال angular material

پروژه ای ایجاد کردم با استفاده از angular material   در در ابن پروژه نیاز بود تا فونت رو به فونتهای فارسی مثل iransans  تغییر بدم 

اپدیت پروژه Angular

اپدیت پروژه Angular  یکی ا زدرسر های من شده هv بار که وبندوز عوض میکنیم و با ورژن جدید انگولار میاد و Angular  سیستم رو ارتقاء میدم، پروژه انگولار رو اجرا میکنم، پیغام میاد که ورژن Angular  سیستم از ورژن انگولار پروژه بیشتره، خوب همه مراحلی که میرم را براتون نوشتم شاید بعضی هاشون اصلا نیاز نباشه