2015-04-17 44 views
0

我使用jQuery timepicker進行引導。在Angular UI-Utils jQuery passthrough的幫助下,我能夠使時鐘顯示出來。如何告知AngularJS由Jquery插件所做的更改?

<input type="text" ui-jq="clockface" 
     ng-model="data.Event.time_end" data-format="hh:mm A" /> 

但是,如果使用clockface,則ng-model的值不會更改。我如何通知AngularJS這個插件正在做的改變? http://vitalets.github.io/clockface/

設置的事件處理程序pick.clockface網站上詳述:

+0

這可能是你找什麼:http://stackoverflow.com/questions/16935095/correct-way-to-integrate-jquery-plugins-in-angular-js –

+0

檢查你給的鏈接,我實際上也試過這個選項..同樣的事情ng-model不通過jquery插件(clockface) – Jasper

+0

得到值更改的更新但如果我編輯輸入文本,ng-model會按預期更新 – Jasper

回答

2

你可以通過調用$scope.$apply()

+0

我是聽取輸入框的變化事件,但似乎clockface沒有觸發該事件.. element.bind('change',function(){... – Jasper

+0

@Jasper您是否在您的指令中添加了這個? –

+0

是的。根據nsmarks的回答,我聽取了由clockface觸發的pick.clockface事件,它現在可用 – Jasper

1

假設你指的是這個插件告訴的jQuery做的角度就改變。看到插件這行代碼的更多詳細信息:https://github.com/vitalets/clockface/blob/6f2ec125d42c9a9172e54c81625b452c5f96a682/js/clockface.js#L318

所有事件與當前hourminuteampm值第二個參數的數據。

+0

太棒了!現在作品 – Jasper

+0

Hey Jasper,太棒了!我認爲你選擇了錯誤的答案。你能否將此更新爲未來觀衆的正確答案? – nsmarks

相關問題