source code for the demo

[timfogarty1549]

Being able to view the source code for the demo would be helpful.

for example, when you change the input text boxes for the start and end value, the slider changes, but it is not apparent how you are doing it. when I try the angular 2 way of binding with [startValue]="startValue" where the also binds to the variable startValue, I get "Can't bind to 'startValue' since it isn't a known property of 'ng2-slider'." which is an RC5 message. Same with min, max and endValue.

Speaking of RC5, an ngModule is needed.

[timfogarty1549]

I got it to work, mostly. Created an ngModule, ng2-slider.module.ts. Directives declarations need to be taken out of component.

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';

import {Ng2SliderComponent} from './ng2-slider.component';
import {SlideAbleDirective} from 'ng2-slideable-directive/slideable.directive';
import {Ng2StyledDirective} from 'ng2-styled-directive/ng2-styled.directive';

@NgModule({
    imports: [ 
        CommonModule,
        FormsModule,
    ],
    declarations: [
        SlideAbleDirective, 
        Ng2StyledDirective,
        Ng2SliderComponent,
    ],
    exports: [ 
        Ng2SliderComponent,
        Ng2StyledDirective
    ]
})
export class Ng2SliderModule {}

Styling is not working. Perhaps ng2-styled needs similar changes for RC5

[chris9753]

not quite sure if this is related,but i'm on rc4 and i noticed if i use any input it binds the first time but does check for input changes.... i.e [value]="someDynamicValue", [startValue]="someDynamicValue"