angular.js textarea字符计数以排除计数空格和换行符

时间:2016-08-18 05:44:54

标签: javascript angularjs html5

我的textarea字段需要对字符进行计数,以显示相对于定义的maxlength剩余的字符数。 但是当用户输入空格/换行符或从其他地方粘贴文本时,计数会出错。

我需要知道角度是否有任何指令或方法来支持排除空格/换行计数。

EXEC-PHP

3 个答案:

答案 0 :(得分:1)

您可以使用过滤器返回非空白字符数

yourModule.filter('charCount', function() {
    return function(text) {
        return (text.match(/\S/g) || []).length;
    };
})

并在模板中使用

problem.DESCRIPTION | charCount

答案 1 :(得分:0)

以下是您需要的 angularjs 解决方案,尝试使用

  

纳克修整="假"

textarea 中的

。这是示例

<?php
session_start();
$to = $_POST['email'];
$query_content = $_POST['gst_query'];

$subject = 'GST Interactive posting alert!';
$message = 'Dear receiver,
There is a query posting in GST Interactive from  '. $_SESSION['fname'] .' as 

                                           '. $query_content .' 

To comment on the posting or to get connected with GST Interactive sign in with "http://www.something.com"
Regards
xyz team';


  /* echo   $query_content; */

$headers = 'From: '. $_SESSION['fname'] .'' . "\r\n" .
 'Reply-To: innovation@xyz.com' . "\r\n" .
  'X-Mailer: PHP/' . phpversion();

mail($to, $subject, $message, $headers);
?>

答案 2 :(得分:-1)

您不能只在problem.DESCRIPTION.lengthng-show中运行{{}},它将无法运行,您必须创建一个函数并插入ng-show或{ {1}}

在你的控制器中创建一个函数来删除字符串的空格并返回它的长度

<强> JS:

{{}}

<强> HTML:

$scope.countLength = function(str){
    if (str==undefined){
        return 0;                    
    }
    else{
        return str.replace(/ /g,'', '').length;  
    }
}

看看这里的例子: JSFiddle