Intento usar el control deslizante Jquery-ui con angular2. Me gustaría que la variable "slideValue" muestre el valor del control deslizante, pero no puedo entender cómo vincular mi modelo o una variable de angular al control deslizante. Aquí está mi componente deslizante:

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 ); 
          }
        });

    }
}

El código está disponible aquí:

https://github.com/nerg/slider

Me gustaría poder usar cualquier "control deslizante vertical" con Angular2, por lo que si existe otra solución viable, estoy interesado (compruebo el material pero no parece estar listo para "angular2" y solo el control deslizante horizontal) .