验证文本文本长度

时间:2014-09-25 11:10:54

标签: angularjs

我使用textangular,我需要限制文本的长度。 我知道这可以使用ta-max-text。

但如果文字超出限制,我需要显示错误。当限制超出时,Textangular将模型设置为undefined。这让我有一个问题。当页面以initialy方式加载时,该模型也是不受限制的。

如何判断模型是否由于新的页面加载而未定义或者是否已超出限制?

我可以以任何方式访问隐藏文字吗?

https://github.com/fraywing/textAngular

2 个答案:

答案 0 :(得分:4)

刚检查了ta-max-text指令源。它设置验证假你的textarea像这样:

ctrl.$setValidity('taMaxText', false); 

您可以使用ng-if指令并检查textArea的validity属性以隐藏或显示消息。

ng-if="yourFormName.$error.taMaxText"

以下是演示link。如果您的文字长度>您可以显示提醒范围10。

答案 1 :(得分:2)

请参阅此处http://plnkr.co/edit/MegBJYkkyh3qsNJhyfNP?p=preview

<div ng-model="content" text-angular="" ></div>

<h3 ng-show="content.length > 20">Text tooo long</h3>