将默认输入字段值与ng-model绑定

时间:2017-03-13 21:00:19

标签: javascript angularjs

我目前正在AngularJS中编写应用程序,并且在使用输入字段的ng-model时遇到了问题。

如果用户未在一个输入字段中输入任何文本,是否有任何方法可以将默认值绑定到ng-model?代码示例如下所示:

<input class="formInput" placeholder="{{ testVar.hasName.name }}" type="text" id="nameUpdate" ng-model="upd.name">

这个想法是用户将更新数据。占位符将显示现有数据,在本例中为名称,更新此字段将绑定到模型。但是,如果用户不希望更新此特定字段,如何将现有值绑定到模型?我注意到输入值=&#34; xyz&#34;防止ng模型正常工作。

我应该注意在控制器中定义此信息,因为默认值不是可接受的解决方案,因为testVar中的数据会有所不同。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

不是最佳做法,但您可以在ng-init的帮助下初始化默认值:

<input class="formInput"
       placeholder="{{testVar.hasName.name}}"
       type="text"
       id="nameUpdate"
       ng-init="upd.name='defaultTextHere'"
       ng-model="upd.name">