رسمی ترین مقالات درباره طراحی سایت شرکتی رسمی ترین مقالات درباره طراحی سایت شرکتی .

رسمی ترین مقالات درباره طراحی سایت شرکتی

نحوه استفاده از دستورالعمل مدل در آنگولار


فرمان العمل ng-model
شما با امداد راهبرد ng-model می‌توانید مقادیر  طراحی سایت شرکتی  جانور در فیلد inputرا با یک متغییر تولید گردیده در آنگولار ادغام نمایید.


Name:

 


مشاهده سود

 

اتصال دوطرفه
یک اتصال دوطرفه میباشد ، یعنی در حالتی که استفاده کننده مقدار جانور در فیلد input را تغییر تحول دهد ، مقدار متغییر در آنگولارجی اس نیر تغییر‌و تحول خواهد کرد:


Name:
You entered: {{name}}

 

مشاهده فیض


گزینش صدق داده وارداتی مخاطب
راهبرد ng-model می‌تواند قابلیت تائید صدق داده وارداتی را بر پایه ی (عدد، نشانی اینترنتی ،ورود مقدار اجباری) تائید نماید:


Email:

Not a valid e-mail address


مشاهده سود

 

در نمونه بالا تگ Span صرفا اگر که صفت ng-show مقدار صحیح را ارائه دهد. نشان داده میشود.

نکته : در نمونه بالا اگر‌که صفت ng-model وجود نداشته باشدT آنگولار این صفت را برایتان ساخت خواهد کرد.

موقعیت اپلیکیشن
راهبرد ng-model می‌تواند شرایط اپلیکیشن را در حالات ذیل گزارش دهد(invalid, dirty, touched, error) :


Email:

Status

{{myForm.myAddress.$valid}}
{{myForm.myAddress.$dirty}}
{{myForm.myAddress.$touched}}


مشاهده سود

 

کلاس های CSS
راهبرد ng-model قابلیت و امکان تولید کلاس برای تگ های Html براساس حالت آن‌ها‌را داراست:

 

 

Enter your name:

 

مشاهده فیض

 

راهبرد ng-model قابلیت اضافه کردن کلاس های پایین را با دقت به حالت فرم دارااست:

ng-empty
ng-not-empty
ng-touched
ng-untouched
ng-valid
ng-invalid
ng-dirty
ng-pending
ng-pristine


برچسب: طراحی سایت شرکتی،
امتیاز:
 
بازدید:

+ نوشته شده: ۳۰ آذر ۱۳۹۹ساعت: ۰۱:۲۵:۴۰ توسط:مهمان نواز موضوع: نظرات (0)