如何在 angularjs 1 中绑定输入文本和组合框

how to bind input text and combo box in angularjs 1

我在一个表单中有两个控件。

邮政编码 -(输入类型文本)和城市 -(select 选项)

后端休息服务发送 json 包含邮政编码和城市名称的对象。我想在邮政编码更改时更改城市,反之亦然使用 angularjs1。还要使用 json 对象验证邮政编码。

请帮帮我...

好的。所以我假设你有一个服务器端脚本,你可以从中获得 city from pincodepincode from city

现在您的视图中有 2 个控件。

1) 输入框

2) 组合框

现在根据我的说法,最简单的方法是你应该创建一个在两个控件的 ngChange 事件上调用的函数。

该函数会向您的服务器发出请求并获取相关数据并将数据提供给其他控件。

现在,当您通过控制器在内部填充控件时,它可能会再次触发 ngChange 函数。因此,在每个 ngChange 函数中,您必须为它们提供所需值的引用。这可以通过将服务器端的 latest values received 存储到局部变量中并在每次调用函数时检查它来完成。

我相信这会解决您的问题。

----------------更新----------------

如评论中所述,SPA 不应在执行期间向服务器发送请求。它应该在最后简单地发送 json。

这样更方便。只需制作 2 个不同的函数,1 getCityFromPincode(pincode) 和 2 getPincodeFromCity(city)

现在,您可以根据从 ngChange() 函数获得的值轻松地在 javascript 中进行操作。

只需在 CITY INPUT ControlngChange 函数中调用函数 getCityFromPincode ,另一个类似。

您可能会通过这种方法完成它。