设置文本框值而不更改ng-model。

时间:2016-06-09 11:20:52

标签: javascript html angularjs user-interface

我有一个文本框,可用作搜索输入。我想要显示文本以指示该框将搜索的字段,但是当单击/上并且用户设置值时,默认文本将消失。在填写标签在框内的表单时,您可能也看到了这一点,直到您开始输入。如何在不搞砸ng模型的情况下做到这一点?

3 个答案:

答案 0 :(得分:1)

<input placeholder="Search" ng-model="search" />

占位符将具有指示文本,并且ng-model将在js文件中处理它。 并且不要在js文件中预先定义ng-model。

答案 1 :(得分:0)

您需要使用placeholder attribute

  

向用户提示可以在控件中输入的内容。

<input placeholder="some infomational text" />

答案 2 :(得分:0)

使用placeholder

<input type="text" placeholder="Some text" />

或者:

<input type="text" placeholder="{{ bindedVar }}" />

JSFiddle

  

占位符属性指定一个描述输入字段预期值的简短提示