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

Question

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

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

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

请帮帮我...

Answer 1

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

现在您的 View 中有 2 个控件。

1)输入框

2) 组合框

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

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

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

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

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

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

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

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

只需在您的CITY INPUT 控件 的ngChange 函数中调用函数getCityFromPincode，另一个类似。

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