当前位置: 首页 > 面试题库 >

如何将2个模型绑定到Angular中的一个输入字段?

赫连晋
2023-03-14
问题内容

无论如何,我可以将两个模型值绑定到一个输入字段吗?

假设我有一个输入字段,我想将其作为范围内两个变量的值,例如:

<input type="text" model="sn_number; id" >

问题答案:

您不能,但是有一些解决方法。

1.使用ngChange更新其他模型

<input type="text" 
       ng-model="sn_number" 
       ng-change="id=sn_number"/>

2.您可以观看模型,并在更改时更新另一个模型

$scope.$watch('sn_number', function(v){
  $scope.id = v;
});

id如果您想使它们保持同步,则还需要注意其中的变化。

这里的例子



 类似资料:
  • 问题内容: 如何创建绑定到一个并使用(已完成)输出两个字段的指令。从本质上讲,我 从模型到输入 工作都有一个方向,而 从输入到模型却 没有另一方向。如何实现呢? 我有这个HTML: 和一个模型: 边注; 我创建了一个过滤器来拆分这两个值: 而这个指令: 问题答案: 正确的方法(IMO)是按照此处所述创建自定义控件。 作为练习,我在此提琴中实现了它:http : //jsfiddle.net/6cn

  • 问题内容: 我有这样的输入 我想动态更改输入值,所以我可以使用它,但它不会更改值: 问题答案: 您根本不需要设置该值。ng-model负责: 设置模型的输入值 更改输入时更新模型值 从js更改模型时更新输入值 这是这个的小提琴:http : //jsfiddle.net/terebentina/9mFpp/

  • 我想使用 getter 和 setter 将输入值绑定到模型。通过这种方式,我可以在写入输入时阻止和/或操纵输入的值。 例如,我想要输入框中的防止数字。所以,如果写“abc”all是可以的,那么如果我开始写一个数字,应该不会发生任何事情(对模型和输入的值)。问题是,使用以下代码,我可以在输入框中写入任何东西(但模型是正确的)。这意味着输入框的值并不真正代表我的模型。 注意:这个问题之外的原因是我想

  • 问题内容: 我有以下表格: 我得到并在功能,但我没有得到并在功能。 我在哪里犯错? 隐藏输入的值正确。 问题答案: 隐藏表单字段不是Angular方式。您根本不需要隐藏字段,因为所有范围变量(不在表单中)都可以视为隐藏变量。 至于解决方案,在提交表单时,只需用’user’填充对象’record’: 附带说明,在调用函数时无需提及变量:

  • 我有6个输入框,每个输入框有4位数字。输入4位数字后,光标将自动转到下一个输入框。所有这些都是强制性的。 现在,可以在“onChange”事件中将自动聚焦设置为下一个文本框。但如何将这6个输入框的值绑定到表单上的一个字段。我有办法吗?

  • 我在Visual Studio 2017中构建了以下简化的Azure功能代码: 我已经在本地文件中添加了一个键“AzureWebJobsConnectionString”。设置。用于开发测试的json。但是,调试时我收到以下错误消息: 错误索引方法“FunctionApp. Run”Microsoft. Azure. WebJobs. Host:错误索引方法“FunctionApp. Run”。M