javascript - 为输入标签的值添加前缀/后缀

Question

我有这种情况:我需要在输入文本字段 (html) 中添加引号而不更改输入的值。我正在使用 angular，所以我使用 ngModel，它看起来像这样

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

我希望输入字段显示“{{data}} 中的任何内容”，但变量数据本身保持不变(无引号)。

我还没有找到任何 css/Angular 技巧……有什么想法吗？

Answer 1

使用 ng-model="data"在 <input type="text">绑定(bind) data带有整个文本字段。这在您只希望一部分文本(显示在文本字段中)与范围绑定(bind)的情况下不是特别有用。

例如，如果你这样做

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

输入框会显示name中的内容(没有前缀/后缀文本)

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

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

这是 demo