为输入标记的值添加前缀/后缀

Question

我有这种情况:我需要在输入文本字段(html)中添加引号而不更改输入的值.我正在使用angular,所以我使用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(没有前缀/后缀文本)

但是,有一个解决方法.ng-bind在变量上使用并在value="..."属性中单独提及前缀/后缀文本.

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

这是演示