در مطلب « Angular CLI - قسمت پنجم - ساخت و توزیع برنامه » با نحوهی ساخت و توزیع برنامههای Angular، در دو حالت محیط توسعه و محیط ارائهی نهایی آشنا شدیم. همچنین در مطلب « یکپارچه سازی Angular CLI و ASP.NET Core در VS 2017 » نحوهی ترکیب یک برنامهی ASP.NET Core و Angular را بررسی کردیم. در اینجا میخواهیم فایل index.html ایی را که Angular CLI تولید میکند، با فایل Layout برنامههای ASP.NET Core جایگزین کنیم؛ تا بتوانیم در صورت نیاز، سفارش ...
در انتهای مطلب « فرمهای مبتنی بر قالبها در Angular - قسمت پنجم - ارسال اطلاعات به سرور » در مورد «بارگذاری اطلاعات drop down از سرور» بحث شد. در اینجا میخواهیم قبل از نمایش اطلاعات این drop down در رابط کاربری، بر روی سطر this.languages = data در VSCode، یک break-point را قرار دهیم و اطلاعات دریافتی از سرور را بررسی کنیم.
پیشنیازها
در اینجا فرض بر این است که موارد ذیل را نصب کردهاید:
...
در قسمت قبل بیان شد همراه با نصب Angular Material ، تعدادی تم از قبل ساخته شده نیز نصب خواهند شد که شامل یکسری
استایل با رنگهای مشخصی هستند. این تمها عبارتند از: indigo-pink deeppurple-amber purple-green pink-bluegrey انگیولار
متریال ۲ علاوه بر این، امکاناتی برای ایجاد تم سفارشی را نیز فراهم کرده است. در این بخش قصد داریم برای قالب
نمونهای که قبلا ایجاد کرده بودیم یک تم سفارشی بساز ...
Angular Material ۲، کامپوننتهای طراحی متریال (Material Design) را برای برنامههای انگیولار ۲ فراهم میآورد. هدف Angular Material ۲ ارائه مجموعهای از کامپوننتهای واسط کاربری با طراحی متریال (Material Design)، برای ساخت برنامههایی توسط انگیولار ۲ و تایپ اسکریپت است. در این مقاله مراحل پیاده سازی یک پروژه انگیولار ۲ را که واسط کاربری آن از طراحی متریال بهره میبرد، دنبال خواهیم کرد. * نکته: پروژه انگیولار متریال ۲ در زمان نوشتن ...
در این مطلب مثالی را در مورد نحوهی تنظیمات یک پروژهی خالی ASP.NET Core، جهت استفادهی از یک پروژهی Angular CLI قرار گرفتهی در پوشهی آنرا بررسی خواهیم کرد.
پیشنیازها
- مطالعهی سری کار با Angular CLI خصوصا قسمت نصب و قسمت ساخت برنامههای آن، پیش از مطالعهی این مطلب ضروری است.
- همچنین فرض بر این است که سری ASP.NET Core را نیز یکبار مرور کردهاید و با نحوهی برپایی یک برنامهی MVC آن و ارائه ...
پروژههای Angular CLI در حالت پیش فرض آنها به همراه دو نوع آزمون واحد و آزمون end to end ایجاد میشوند. Angular CLI از Karma برای اجرای آزمونهای واحد استفاده میکند و از Protractor برای اجرای آزمونهای end to end. برای شروع میتوان از راهنمای آن کمک گرفت: > ng test --help
زمانیکه دستور ng test ر ...
در قسمت قبل با نحوهی ساخت و توزیع برنامههای Angular، توسط Angular CLI آشنا شدیم. یکی از فایلهایی که توسط سیستم build آن تولید میشود، فایل vendor.bundle.js است که شامل کدهای اصلی Angular و همچنین کتابخانههای ثالث مورد استفادهاست و با توجه به اینکه در حالت پیش فرض کار با Angular CLI قرار نیست فایل تنظیمات webpack آنرا استخراج و ویرایش کنیم، چگونه باید سایر کتابخانههای ثالث مورد نیاز را به این سیستم build معرفی کرد؟
استف ...
ساخت و توزیع برنامههای Angular یکی از مهمترین و بحث برانگیزترین قسمتهای نگارشهای جدید آن است و به ازای هر پروژه و قالبی که برای آن توسط گروههای مختلف ارائه شدهاست، روشهای متفاوتی را شاهد خواهید بود. در ادامه روش توصیه شدهی توسط تیم Angular را که مبتنی است بر webpack و به صورت خودکار توسط Angular CLI مدیریت میشود، بررسی خواهیم کرد.
ساخت (Build) برنامههای Angular
...
«انجام تنظیمات مسیریابی پیش فرض پروژه جدید توسط Angular CLI» را در قسمت دوم این سری بررسی کردیم. در ادامه با قابلیتهای بیشتری از امکانات تنظیمات مسیریابی موجود در Angular CLI، آشنا خواهیم شد.
یک مثال: در ادامه یک پروژهی جدید مبتنی بر Angular CLI را به همراه تنظیمات ابتدایی مسیریابی آن ایجاد میکنیم: > ng new angular-routing --routing
همانطور که در قسمت دوم نیز ذکر شد، پرچم routing در اینجا، سبب ایجاد فایل app ...
پس از ایجاد ساختار اولیهی یک برنامهی Angular توسط Angular CLI، امکان تولید کدهای کامپوننتها، ماژولها، سرویسها و ... نیز در این ابزار پیش بینی شدهاست. کدهای تولید شدهی آن بر اساس یک سری blueprint (و یا همان مفهوم قالبهای از پیش آماده در سایر ابزارهای مشابه) ایجاد میشوند و فرمت کلی آن نیز به صورت ذیل است: > ng generate <blueprint> <options> ایجاد کامپوننتهای جدید توسط Angular CLI
...