2017-05-05 88 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來看看。 –