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

Question

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

邮政编码 - （输入文本）和城市 - （选择选项）

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

请帮我...

Answer 1

好的。所以我假设你有一个服务器端脚本，你可以从中获取city from pincode和pincode from city

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

1) 输入框

2) 组合框

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

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

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

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

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

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

因此，它更方便。只需制作 2 个不同的功能，1getCityFromPincode(pincode)和 2getPincodeFromCity(city)

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

只需在您的CITY INPUT ControlgetCityFromPincode函数中调用该函数，对另一个函数类似。ngChange

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