如何使用angularjs在文本框中显示省略号？

Question

我正在使用5个文本框的表单。对于每个文本框我固定maxlength =“100”，并将该值与ng-model绑定。 现在，如果内容超过20个字符，我需要用“...”显示文本框内的内容。 现在，如果用户：悬停输入，然后隐藏省略号。使感觉可以编辑。 如果用户点击文本框内，当然可以编辑内容。

Answer 1

如果内容超过20个字符，现在我需要在文本框中显示带有“...”的文本框。如果用户点击文本框内的内容，他们可以编辑内容。

只使用CSS

input[type="text"] { 
    text-overflow: ellipsis; 
} 

input[type="text"]:hover { 
    text-overflow: initial; 
} 

HTML

<input id="value" type="text" size="20"> 

注：size="20"这里定义省略号之前表现出了极限。

http://jsfiddle.net/rnrlabs/2pm19ugm/