AngularJS动态将值复制到另一个输入
我需要将1个模型绑定到2个输入。 第一个输入应该是可见的,我用它来设置模型的值AngularJS动态将值复制到另一个输入,angularjs,input,model,Angularjs,Input,Model,我需要将1个模型绑定到2个输入。 第一个输入应该是可见的,我用它来设置模型的值 <input type="text" ng-model="ttl" class="form-control input-sm"/> 第二个输入是隐藏的,我将其用于表单。我需要在这里保留模型的实际值 <input type="text" name="ttl" value="{{ttl}}" class="form-control input-sm"/> 问题是隐藏的输入总是空的。。。
<input type="text" ng-model="ttl" class="form-control input-sm"/>
第二个输入是隐藏的,我将其用于表单。我需要在这里保留模型的实际值
<input type="text" name="ttl" value="{{ttl}}" class="form-control input-sm"/>
问题是隐藏的输入总是空的。。。。如何修复它?谢谢。在以下两个方面都使用简单的ng型号:-
<input type="text" ng-model="ttl" class="form-control input-sm"/>
<input type="text" name="ttl" ng-model="ttl" class="form-control input-sm"/>
Plunker:-这似乎对我有效(仅下面的第二个输入框):
或
我知道你会自己隐藏输入
JSFiddle:
试试ng value not value,也许。@Zyga也不起作用……对不起,问题不在于隐藏。例如,我在这里使用type=“text”。问题是在我将复制字段放在html的ng模型字段下之后,将值从一个字段复制到另一个字段。它可以工作。。。。但有没有办法将复制字段放在ng模型之前?“秩序这么重要吗?”安东·阿布拉莫夫对不起,我不知道你的意思?如果您询问DOM中输入元素的顺序,那么这不重要。我的意思是,当我尝试填充第一个字段时,值会复制到第二个字段。但如果我尝试填充第二个字段,第一个字段就不行了change@Anton阿布拉莫夫如果你用ng值作为秒,那么它不会改变。但你们可以把ng模型放在这两个模型中,这样就行了。但我认为第二个元素无论如何都是隐藏的,所以你不能输入任何东西?有趣的是-实际上在我的项目中,隐藏字段将以表单的形式出现(现在它不是为了测试而隐藏的)。Ng模型字段将位于div中的表单下。因此,如果我填写div中的字段,则表单中的顺序字段为空,但如果我填写表单字段,则div字段将更改值。
<input type="text" name="ttl" ng-value="ttl" class="form-control input-sm"/>
<input type="text" name="ttl" ng-model="ttl" class="form-control input-sm"/>