آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش HTML DOM در AngularJS

دوره آموزش SPA

رمز فایل :tahlildadeh.com

 

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده می باشد و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.

 

مدل شی گرای سند – DOM  HTMLدر AngularJS

AngularJS دارای دستورهایی برای پیوند دادن (bind کردن) داده های برنامه های Angular به خصیصه ها یا attribute های عناصر HTML DOM است.

دستور ng-disabled

دستور ng-disabled داده های برنامه Angular را به خصیصه ی disabled عناصر HTML ، پیوند می دهد.

نمونه یک


    

Button

{{ mySwitch }}

امتحان کنید

شرح برنامه ی بالا:

دستور ng-disabled داده یmySwitch  برنامه را به خصیصه ی disabled دکمه ی HTML متصل (bind) می کند.

دستور ng-model مقدار المان اچ تی ام checkbox را به مقدار mySwitch متصل می کند.

در صورتی که مقدار mySwitch برابر با true شود، دکمه ی مورد نظر غیرفعال می شود:

<p>
<button disabled>Click Me! </button>
<
/p>

چنانچه مقدار mySwitch برابر با false باشد، دکمه ی مورد نظر، غیرفعال نمی شود:

<p>
<button>Click Me! </button>
<
/p>

دستور ng-show

دستور ng-show یک عنصر HTML را نمایان می کند یا پنهان می سازد.

نمونه دو


    

I am visible.

I am not visible.

امتحان کنید

 

دستور ng-show با توجه به مقدار ng-show یک عنصر HTML را محو کرده یا نمایش می دهد.

شما می توانید از هر عبارتی که true یا false را برمی گرداند، استفاده نمایید.

نمونه سه


    

I am visible.

امتحان کنید

دستور ng-hide

 

دستور ng-hide یک المان HTML را پنهان کرده و یا نمایان می سازد.

 

نمونه چهار


    

I am not visible.

I am visible.

امتحان کنید

 

 

 

  • 1120
  •    1240
  • تاریخ ارسال :   1394/09/18

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .