2013-05-20 135 views
0

我有一個選擇下拉,並且我動態添加選項通過Jquery的追加上它,我想的所有數據在下拉相關聯,我的意思是選擇到所有選項角JS模型。jQuery和角JS選擇下拉選擇而不手動選擇

我有選擇的

<select multiple='multiple' ng-model="attrId" name='attribute' id='hiddenRemoteChoicePossibleAnswers' ></select> 

,我通過一些其他jQuery的幾個服務器調用動態後,對這個選擇添加選項:

$('#hiddenRemoteChoicePossibleAnswers').append("<option selected='selected' value='"+optionValue+"'> "+optionValue+" </option>"); 

,我想NG-模式裏面attrId在追加時進行更改,但根本沒有更新,因爲我必須手動選擇所有選項,所以我必須將模型中選項的所有值關聯起來。

任何幫助將是有用的。

在此先感謝。

+0

查找到[NG選項](http://docs.angularjs.org/api/ng.directive :選擇)。 Angularjs在不訴諸jQuery方法的情況下做得非常好。 – rGil

+0

但是我必須在其他事件上添加選項,動態地點擊另一個按鈕,在下拉列表中添加一個新選項,並在表單提交中添加所有值,將其存儲在數據庫中,I無法在啓動時添加所有值。 –

+0

我認爲你是對的,我應該相應地改變一切,實際上我正在使用jquery模板和很多東西,我想要一些快速解決這個問題,因爲在這種情況下,我可能需要改變一些東西,但我認爲這是更好地改變比臨時修復 謝謝 –

回答

1

你在做什麼不是角度的方式。 AngularJS是模型驅動的。 UI操作應該發生任何

  • 當模型得到更新,從而導致角綁定重新評估 。
  • 使用指令

這也就意味着,你不應該操作DOM元素,並期望角以皮卡這些變化。

在你的情況,你必須做的是定義在$範圍這將是數組類型的模型屬性是什麼。

要添加使用的Array.push方法被添加到這個模型屬性的數據,這會使UI選擇選項更新。

我會強烈建議你嘗試了所有這些事情之前先閱讀一些教程(包括上angular site)。 Angular是一個非常不同的野獸,來自jquery背景的人們將很難與之合作,直到對Angular作品的基本理解如何。

這些鏈接會幫助你

http://blog.artlogic.com/2013/03/06/angularjs-for-jquery-developers/

http://www.egghead.io/ - >好角度視頻

+0

謝謝,我想我應該挖更多的角度 –