爲輸入標記的值添加前綴/後綴

Question

我有這種情況：我需要在輸入文本字段（html）內添加引號而不更改輸入的值。我與角度工作，所以我用ngModel，它看起來像這樣

<input ng-model="data" type="text" /> 

我想輸入字段，以顯示「無論是在{{data}}」，但可變數據本身保持不變（不包括引號）。

我還沒有找到任何css/Angular技巧，但任何想法？

Answer 1

使用ng-model="data"在<input type="text">結合data與整個文本字段。這在您只希望一部分文本（顯示在文本字段中）與作用域綁定的情況下並不是特別有用。

舉例來說，如果你這樣做

<input type="text" value="prefixText {{name}} suffixText" ng-model="name"> 

輸入框將顯示無論是在name（沒有前綴/後綴文字）

然而，有一個變通方法。在value="..."屬性中分別使用變量ng-bind和提及前綴/後綴文本。

<input type="text" value="prefixText {{name}} suffixText" ng-bind="name"> 

這裏的demo