نحوه استفاده از دستورالعمل مدل در آنگولار
فرمان العمل 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
برچسب: طراحی سایت شرکتی،