📜  AngularJS | textarea指令

📅  最后修改于: 2021-05-13 19:24:09             🧑  作者: Mango

Textarea元素提供验证和基本状态控制。 ng-model属性引用text-directive 。 textarea元素的当前状态由Angular JS保留。

下面列出了Textarea指令的状态:

  • $ touched:表示已触摸的字段。
  • $ untouched:表示未修改的字段。
  • $ valid:表示有效的字段内容。
  • $ invalid:表示无效的字段内容。
  • $ dirty:表示字段内容已修改。
  • $ pristine:表示未修改的字段内容。

句法:

特性:
根据它们所处的状态,使用类来为Textarea元素设置样式。 ng-model属性用于引用文本指令。

下面列出了常用的类:

  • ng-touched:表示在触摸字段上应用的类。
  • ng-untouched:表示应用在untouched字段上的类。
  • ng-valid:表示适用于有效字段内容的类。
  • ng-invalid:表示用于无效字段内容的类。
  • ng-pristine:表示用于状态的类,该状态在字段中进行了修改。
  • ng-dirty:表示与未修改的字段内容一起使用的类。

返回值:返回文本,用户已在文本字段中输入。

范例1:





  

  
    

      
        GeeksforGeeks       
  

    

Textarea field:

Start typing.......

          

输出:

在输入之前:

键入后:

范例2:





  

  
    

      
        GeeksforGeeks       
  

    

        Textarea field:
        
Start typing.......

       

输出:
在输入之前:

键入后:

浏览器支持:以下浏览器支持texarea指令。

  • 谷歌浏览器
  • IE浏览器
  • 歌剧
  • 火狐浏览器
  • 苹果浏览器