绑定事件（单击）以实现多选

Question

我在将点击事件绑定到Angular 2中的Materialize Multi select选项时遇到问题。

我正在使用代码来触发ngAfterViewInit中的事件。使用$('select').material_select()

中的ngOnInit初始化Materialise Select后

ngAfterViewInit(){
    $('#gameList option[value="football"]').on('click',function(){
        console.log('Just fired')
    })
}

HTML

 <select id="gameList" multiple>
   <option value="cricket" selected="">Cricket</option>
   <option value="hockey">Hockey</option>
   <option value="football">Football</option>
   <option value="Baseball">Baseball</option>
 </select>

Answer 1

此#selectId不在您的HTML中。使用

$('#gameList [value="football"]').on('click',function(){
     //whatever
})