در این مطلب قصد داریم پیامها و اخطارهای برنامه را توسط کامپوننت Angular2 Toasty نمایش داده و همچنین برای کاهش میزان تکرار قسمتهای نمایش خطا در برنامه، کار مدیریت متمرکز و سراسری آنها را نیز انجام دهیم.
نمایش پیامها و اخطارهای یک برنامهی Angular توسط ng2-toasty
در مطلب « ایجاد Drop Down Listهای آبشاری در Angular » در قسمت دریافت اطلاعات drop down دوم از سرور، اگر کاربر مجددا گروه را بر روی حالت «لطفا گروهی ...
تاکنون دو مطلب مشابه « ساخت DropDownListهای مرتبط به کمک jQuery Ajax در MVC » و « ایجاد Drop Down Listهای آبشاری توسط Kendo UI » را در مورد ساخت Cascading Drop-down Lists در این سایت مطالعه کردهاید. در اینجا قصد داریم چنین قابلیتی را توسط Angular پیاده سازی کنیم (بدون استفاده از هیچ کتابخانهی ثالث دیگری). مدلهای سمت سرور برنامه
در این مطلب قصد داریم لیست گروهها را به همراه محصولات مرتبط با آنها، توسط ...
در انتهای مطلب « فرمهای مبتنی بر قالبها در Angular - قسمت پنجم - ارسال اطلاعات به سرور » در مورد «بارگذاری اطلاعات drop down از سرور» بحث شد. در اینجا میخواهیم قبل از نمایش اطلاعات این drop down در رابط کاربری، بر روی سطر this.languages = data در VSCode، یک break-point را قرار دهیم و اطلاعات دریافتی از سرور را بررسی کنیم.
پیشنیازها
در اینجا فرض بر این است که موارد ذیل را نصب کردهاید:
...
تا اینجا تنظیمات اصلی فرم ثبت اطلاعات کارمندان را انجام دادیم. اکنون نوبت به ارسال این اطلاعات به سمت سرور است. پیشنیاز آن نیز تدارک مواردی است که در مطلب « یکپارچه سازی Angular CLI و ASP.NET Core در VS 2017 » پیشتر بحث شدند. از این مطلب تنها تنظیمات موارد ذیل را نیاز خواهیم داشت و از تکرار آنها در اینجا صرفنظر میشود تا هم مطلب کوتاهتر شود و هم بتوان بر روی اصل موضوع جاری، تمرکز کرد:
- ایجاد یک پروژهی جدید ASP.NET Core در VS 2 ...
پس از برقراری ارتباط بین فرم و مدل آن در قسمت قبل ، مرحلهی بعدی طراحی یک فرم خوب، اعتبارسنجی ورودیهای کاربران است و واکنش نشان دادن به ورودیهای نامطلوب. کلاسهای CSS اعتبارسنجی در Angular
زمانیکه Angular فرمی را تحت نظر قرار میدهد، کلاسهای CSS خاصی را نیز بر اساس حالات عناصر مختلف آن، به آنها متصل خواهد کرد. بر این اساس میتوان ...
در قسمت قبل ، ساختار فرم ثبت اطلاعات کارمندان را تکمیل کردیم. در این قسمت قصد داریم این اطلاعات را در کامپوننت آن توسط data binding دریافت کنیم.
نقش ngModel در data binding
ngModel دایرکتیوی است که وجود آن سبب میشود تا Angular آن المان ورودی خاص را تحت نظر قرار دهد: <!--no binding -->
<input name="firstname" ngModel>
در حالت تعریفی فوق، هیچگونه عملیات data binding ایی صورت نمیگیرد؛ ا ...
در قسمت قبل ، مروری داشتیم بر تفاوتهای دو نوع مختلف فناوریهای ایجاد و مدیریت فرمها در Angular و هچنین ساختار ابتدایی برنامهی این سری را ایجاد کردیم. در ادامه، اولین فرم مبتنی بر قالبها را ایجاد خواهیم کرد.
ایجاد اولین فرم مبتنی بر قالبها
پس از ایجاد کامپوننت employee-register، فایل قالب آن یا src\app\employee\employee-register\employee-register.component.html را گشوده و به نحو ذیل تکمیل میکنیم: <h3&g ...
پیشنیازها
- آشنایی با Angular CLI
- آشنایی با مسیریابیها در Angular
همچنین اگر پیشتر Angular CLI را نصب کردهاید، قسمت «به روز رسانی Angular CLI» ذکر شدهی در مطلب « Angular CLI - قسمت اول - نصب و راه اندازی » را نیز اعمال کنید. در این سری از angular/cli: 1.1.2@ استفاده شدهاست.
فناوریهای مختلف کار با فرمها در Angular
Angular (که خلاصه شدهی نام تمام نگارشهای پس از Angular ...
VSCode یکی از بهترین ادیتورهایی است که از آن میتوان برای توسعهی برنامههای Angular استفاده کرد و در این بین افزونههای ویژهای جهت کار با Angular برای آن تدارک دیده شدهاند که در ادامه تعدادی از مهمترینهای آنها را بررسی میکنیم. Angular Essentials
این افزونه گروهی از مهمترین افزونههای موجود را به صورت بسته بندی شده ارائه میدهد و با نصب آن، تعدادی از افزونههایی را که در ادامه نامبرده خواهند شد، ب ...
نگارشهای بعدی SQL Server چندسکویی بوده و هم اکنون نگارشهای آزمایشی آن برای لینوکس در دسترس هستند. به همین جهت مایکروسافت افزونهی چندسکویی را برای VSCode به منظور اتصال و کار با SQL Server تدارک دیدهاست که آنرا میتوان یک نمونهی سبک وزن Management Studio آن دانست.
دریافت و نصب افزونهی SQL Server مخصوص VSCode
برای افزودن این افزونه، ابتدا در برگهی Extensions، عبارت mssql را جستجو کرده و سپس آن ...