如何使用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/