Angular2价格滑块css基础

Question

我是Angular2中的新手，我想尝试将Angular1x价格滑块转换为Angular2。

Angular1

http://plnkr.co/edit/aSWtPvG7mPN9eGHHOcRf?p=preview

Angular2 me结果

https://embed.plnkr.co/VbsimfxfZWp4xa7dUpl3/

我无法运行它，我不知道我做错了什么。 非常感谢您的帮助。 贝

Answer 1

ng-change="change()" ng-model= "priceSlider.min"

应该是

(change)="change()" [(ngModel)]="priceSlider.min"

我不知道rz-slider是什么，但

rz-slider-step="{{priceSlider.step}}"

可能需要更改为

attr.rz-slider-step="{{priceSlider.step}}"

或

[attr.rz-slider-step]="priceSlider.step"

（仅当它导致rz-slider-step不是属性的错误消息时）

this.change = function() {

应改为

change() {

Angular2中也没有$scope。不应该在你的例子中做什么。