AngularJS - 将输入绑定到多个模型元素

时间:2014-06-23 14:04:03

标签: angularjs angular-ngmodel

首先我要说的是,我知道我所要求的并不是一个理想的模式, 它只是我需要的一个临时补丁。

我希望能够将单个输入元素绑定到两个"的地方"在模型中。 例如

假设我有输入用户名的输入,我希望它填充模型中的3个字段: userusernameuser_name

我不在乎发生碰撞时会发生什么...... 即在分配model.user='aaa'; and model.username =' bbb'之后,任何一致的行为都是o.k.对我来说。

我能想到的最简单的事情是绑定到user,然后观察用户并更新用户名 和and user_name。

也许我可以创建一个从ng-model复制到自己的目标的指令......

是否有任何智能简单的快速方法可以使用ng-model来实现这个或任何其他我可以/应该使用的技巧?

更新 - 尝试满足好奇心。

我需要这个以下场景:

注意:它不是为角度而设计的,我想要移动到角度,但不能同时转换整个事物。

考虑一个选择动作的表单 然后几个输入针对不同动作的不同参数,一些字段对于单个动作更常见。 这些字段标有表示它们所属行为的类, JQuery用于根据所选操作隐藏和显示它们,并从需要执行操作时使用属于当前操作的所有字段中收集值。

现在我想开始将动作分成不同的独立形式和不同的模型, 在我看来,最简单的事情是,如果在过渡阶段,我能够设置一个输入来更新一个模型。

1 个答案:

答案 0 :(得分:1)

我不完全确定我清楚你在问什么。这是你的意思吗?

   <input ng-model="user" ng-change="user_name=username=user" type="text" /><br/>
   User: {{user}}<br/>
   Username: {{username}}<br/>
   User_name: {{user_name}}

http://plnkr.co/edit/tpl:8rFfZljYNl3z1A4LKSL2?p=preview