AngularJS textarea ఆదేశం

నిర్వచనం మరియు ఉపయోగం

AngularJS సవరించింది <textarea> ఎలిమెంట్ల యొక్క డిఫాల్ట్ ప్రవర్తన, కానీ ఇది కేవలం ఈ ప్రమాణం ప్రకారం ఉంటుంది: ng-model ఉన్నతి లేదా ప్రమాణికపరచడానికి అనువుగా ఉపయోగించబడతాయి.

వాటిని డేటా బైండింగ్ కలిగిన అంటే వాటిని AngularJS మోడల్ లో భాగంగా అందిస్తాయి, మరియు AngularJS ఫంక్షన్లు, డామిన్ ఆఫ్ ఎంటిటీలలో సూచించవచ్చు మరియు నవీకరించవచ్చు.

వాటిని ప్రమాణికపరచడానికి అనువుగా ఉపయోగించబడతాయి. ఉదాహరణకు కలిగిన ఫీల్డ్ అంతర్జాతీయ విలువ ఉంది. required అంతర్జాతీయ విలువ యొక్క <textarea> ఎలిమెంట్, ఇది ఖాళీ అయినప్పటికీ దాని $valid స్థితి స్థాపించబడుతుంది false.

వాటికి స్థితి నియంత్రణను కూడా అందిస్తాయి. AngularJS అన్ని టెక్స్ట్ ఏరియా ఎలిమెంట్ల ప్రస్తుత స్థితిని సేవ్ చేస్తుంది.

టెక్స్ట్ ఏరియా ఫీల్డ్ యొక్క స్థితులు ఈ కింద ఉన్నాయి:

• $untouched ఈ ఫీల్డ్ ప్రత్యక్షంగా ముద్దలేదు
• $touched ఈ ఫీల్డ్ ప్రత్యక్షంగా ముద్దబింది
• $pristine 该字段尚未被修改
• $dirty 该字段已被修改
• $invalid 字段内容无效
• $valid 字段内容有效

ప్రతి స్థితి విలువ ఒక బుల్ విలువను ప్రతినిధీకరిస్తుంది, ఇది నిజం లేదా సంక్షిప్తంగా ఉంటుంది.

实例

డేటా బైండింగ్ కలిగిన టెక్స్ట్ ఏరియా:

<textarea ng-model="myTextarea"></textarea>
<p>టెక్స్ట్ ఏరియా ఫీల్డ్ యొక్క విలువ ఈ కింద ఉంది:</p>
<h1>{{myTextarea}}</h1>

亲自试一试

సింథెక్స్

<textarea ng-model="name"></textarea>

ఉపయోగించి మార్గదర్శకం చేయడానికి ఉపయోగించబడింది: ng-model అంతర్జాతీయ విలువలు టెక్స్ట్ ఏరియా ఎలిమెంట్లను సూచించడానికి ఉపయోగించబడతాయి.

CSS క్లాసులు

AngularJS అప్లికేషన్ లోపల <textarea> కొన్ని క్లాసులను కలిగిన ఎలిమెంట్లు. ఈ క్లాసులను టెక్స్ట్ ఏరియా ఎలిమెంట్ల స్థితి ఆధారంగా స్టైల్స్ అమర్చడానికి ఉపయోగించవచ్చు.

ఈ కింద కొన్ని క్లాసులను జోడించబడింది:

• ng-untouched ఈ ఫీల్డ్ ప్రత్యక్షంగా ముద్దలేదు
• ng-touched ఈ ఫీల్డ్ ప్రత్యక్షంగా ముద్దబింది
• ng-pristine 该字段尚未被修改
• ng-dirty 该字段已被修改
• ng-valid 字段内容有效
• ng-invalid 字段内容无效
• ng-valid-key 每次验证一个密钥。例如：ng-valid-required，当有不止一件事必须验证时很有用
• ng-invalid-key 例如：ng-invalid-required

如果类代表的值为 false，则这些类将被删除。

实例

使用标准 CSS 为有效和无效的文本区域元素应用样式：

亲自试一试