2016-12-16 125 views
0

我試圖使用預輸入jQuery插件與角2角2結合自定義事件

這個插件發出的幾個事件,其中之一的「預輸入:選擇」我要綁定到。

我已經試過這些

<input class="form-control" id="search" name="search" on-typeahead-select="onSelect()" /> 

<input class="form-control" id="search" name="search" (typeahead-select)="onSelect()" /> 

但沒有似乎工作,在組件的ONSELECT()方法不會被調用。 有沒有辦法做到這一點,還是隻是不支持?

+0

你有一個plunkr嗎? – btinoco

回答

0

您不能在Angular 2中使用jQuery typeahead插件,然後嘗試使用Angular語法綁定到事件。

它們是兩個完全不同的框架,它們有不同的事件系統。他們沒有設計 與海誓山盟交談。

當您使用此語法(typeahead-select)="onSelect()"你使用特定的角度2語法,其目的是趕在EventEmitter一個事件,您可以使用此語法不是拿起一個jQuery事件,這是不可能的。

但是,如果您真的需要以Angular 2不會輕易讓您做的方式手動使用DOM,那麼您可以在Angular 2代碼中添加一些jQuery。這被認爲是不好的做法,最好保持在最低限度。

您需要使用ng2-typeahead

+0

_「您不能在Angular 2中使用jQuery typeahead插件,然後嘗試使用Angular語法綁定到事件。」_是最佳實踐,Angular 2不允許您使用jQuery或jQuery的原因是什麼不能與Angular 2一起使用? – btinoco

+0

已更新回答:) – Baconbeastnz

+0

mmmm ...你見過這個問題:http://stackoverflow.com/questions/30623825/how-to-use-jquery-with-angular2? – btinoco