قسمت پانزدهم AngularJS :چگونه از HTML DOM در انگولار استفاده کنیم؟

قسمت پانزدهم AngularJS :چگونه از HTML DOM در انگولار استفاده کنیم؟

باسلام
در این قسمت از اموزش های انگولار جی اس به بررسی HTML DOM خواهیم پرداخت . پیشنهاد میشود قبل از ورود به این اموزش قسمت های پیشین دوره angularjs را مطالعه فرمایید.

آنگولار HTML DOM

انگولار جی اس دارای دستورالعمل هایی است برای اتصال داده های برنامه به صفات عناصر HTML DOM می باشد.

دستورالعمل ng-disabled

دستورالعمل ng-disabled در انگولار اتصال داده های برنامه به ویژگی disbled در عناصر HTML است.

توضیحات برنامه:

توضیحات برنامه:
دستور العمل ng-disabled داده های برنامه را متصل میکند به mySwitch که واقع در صفت disabled HTML می باشد.
دستورالعمل ng-model مقدار چک باکس را به مقدار mySwitch متصل میکند.
هنگامی که مقدار mySwitch برابر با true قرار گیرد ، دکمه غیر فعال میشود.

هنگامی که مقدار mySwitch برابر با false قرار گیرد ، دکمه فعال میشود.

دستورالعمل ng-show

دستورالعمل ng-show داده های HTML را نمایان یا مخفی میکند

دستورالعمل ng-show داده های HTML را نمایان و یا مخفی میکند بستگی به مقداریست که شما برای ng-show در نظر میگیرید.
شما میتوانید از عبارتی که با مقدار true یا false ارزیابی شده است استفاده کنید :

دستورالعمل ng-hide

دستورالعمل ng-hide نیز مانند دستورالعمل ng-show عمل میکند با این تفاوت که مقدار true برای این دستورالعمل داده ها را مخفی میکند.

ممنون که تا انتهای این اموزش هم همراه ما بودید.
برای مطالعه بیشتر در باره این اموزش میتوانید به سایت w3schools مراجعه فرمایید.
پیشنهاد میشود اگر اطلاعات بیشتری در باره ی جاوا اسکریپت یا angularjs میخواهید بر روی نوشته های این زبان ها کلیک کنید تا وارد صفحه ی فهرست عناوین این اموزش ها شوید.
امیدوارم که این اموزش کدپز هم برای شما عزیزان مفید واقع شده باشه.
درصورت داشتن هرگونه سوال از طریق کامنت ها و یا شبکه های اجتماعی میتوانید با ما در ارتباط باشید.
پیروز باشید.

برچسب ها : اموزش angularjs، اموزش انگولار جی اس

دیدگاه تازه ای بنویسید