Javascript 如何在Angular 2组件上添加简单的onchange事件

我有组件文件和它的templateURL html文件

在html文件中，我有以下代码：

 <input type="range" min="0" max="20" value="0" step="1" change="showValue(this.value)" />
    <span id="range">0</span>

我把函数放在那里，但它说它没有定义。我不知道如何定义函数，以及如何在html文件中调用它

有什么想法吗？提前谢谢，我对A2还很陌生。

<div ng-app="">
<input type="range" min="0" max="20" value="0" step="1" ng-model="rangenumber" />
<span ng-bind="rangenumber" id="range">0</span>
</div>

0

组件事件阅读本文

0

---

组件事件阅读本文

您可以使用ngmodel绑定您的值并将其绑定到span。无需定义任何新函数。请参见下文

 <input type="range" min="0" max="20" [(ngModel)]="variable" step="1"  />
 <span id="range">{{variable}}</span>

{{variable}}

您需要在组件端声明变量

---

希望能有帮助

您可以使用ngmodel绑定您的值并将其绑定到span。无需定义任何新函数。请参见下文

 <input type="range" min="0" max="20" [(ngModel)]="variable" step="1"  />
 <span id="range">{{variable}}</span>

{{variable}}

您需要在组件端声明变量

---

希望能有帮助

这是angularjs语法你用angularjs语法写了一个答案并链接了一个有角度的帖子问题是关于Angular2（不是angularjs/v1）这是angularjs语法你用angularjs语法写了一个答案并链接了一个有角度的帖子问题是关于Angular2（不是angularjs/v1）