Eu tento usar o controle deslizante Jquery-ui com angular2. Gostaria que a variável "slideValue" exibisse o valor do controle deslizante, mas não consigo descobrir como vincular meu modelo ou variável de angular ao controle deslizante. Aqui está o meu componente slider:

import {Component, ElementRef, Inject, OnInit} from 'angular2/core';

declare var jQuery:any;

@Component({
    selector: 'slider',
    template: 
    `
    <input type="text" [(ngModel),]="slideValue" id="amount" required placeholder="Enter a name here">
    <div id="slider"></div>
    <h2>slideValue = {{slideValue}}</h2>
    `
})

export class Slider implements OnInit {
    elementRef: ElementRef;
    slideValue: number;

    constructor(@Inject(ElementRef) elementRef: ElementRef) {
        this.elementRef = elementRef;
    }

    ngOnInit() {        
        jQuery(this.elementRef.nativeElement).find("#slider").slider({
          range: false,
          orientation: "vertical",
          min: 0,
          max: 100,
          value: 60,
          slide: function( event, ui ) {
            this.slideValue = ui.value; //doesn't seem to work
            $( "#amount" ).val( ui.value ); 
          }
        });

    }
}

O código está disponível aqui:

https://github.com/nerg/slider

Eu gostaria de poder usar qualquer "controle deslizante vertical" com o Angular2, por isso, se houver outra solução viável, estou interessado (verifiquei o material, mas ele não parece estar pronto para o "angular2" e apenas o controle deslizante horizontal) .