2017-05-05 97 views
2

我在窗体中有两个控件。如何在angularjs中绑定输入文本和组合框1

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

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

请帮我...

+0

我将有一个组合框更改事件侦听器,它将更改范围值绑定到输入文本 – Teebo

回答

1

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

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

1)输入框

2)组合框

现在根据我的最简单的方法是,你应该做一个被称为上ngChange事件两个控件的功能。

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

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

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

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

正如评论所说, SPA在执行过程中不得向服务器发送请求。它应该只发送最后的json。

因此,它更方便。简单地做出2个不同的功能,1 getCityFromPincode(pincode)和2 getPincodeFromCity(city)

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

只需调用函数getCityFromPincodeCITY输入控制ngChange功能和类似的其他一个。

你可能会通过这种方法。

+0

谢谢您回答我的问题。但我想保留我的网站 - SPA(单页应用程序)。无需向服务器发送请求并使用加载页面时发送的json对象。 –

+0

那就更好了。让我更新我的答案。 –

+0

@RenukaFernando来看看。 –