Я пытаюсь реализовать Selectize.js с Angular2, но я не могу заставить его работать. Вот что я пытался в HTML компонент:Как использовать Selectize.js с Angular2?
<div class="form-group">
<label for="friends">Friends</label>
<input type="text" class="form-control" #friends
[(ngModel)]="user.friends" name="friends"
#picture="ngModel">
</div>
а также в компоненте:
declare let $: any;
@Component({
selector: 'app-profile',
templateUrl: './profile.component.html',
providers: [ AuthenticationService, UserService, MessageService ]
})
export class ProfileComponent implements OnInit, AfterViewInit {
@ViewChild('friends') el:ElementRef;
constructor(
private _userService: UserService,
private _authService: AuthenticationService,
) { }
ngAfterViewInit() {
$('#friends').selectize({
delimiter: ',',
persist: false,
create: function(input) {
return {
value: input,
text: input
}
}
});
}
ngOnInit() {
//...
}
onSubmit(event) {
//...
}
}
Так что я пытаюсь сделать, это просто реализовать Selectize на входе друзей. Я хочу, чтобы пользователь мог писать имена своих друзей, а затем восстанавливать их в Angular с массивом имен.
Но ничего не происходит в интерфейсе, Selectize ничего не делает. Как так?