Javascript angularjs输入范围写入交叉气泡内

Javascript angularjs输入范围写入交叉气泡内,javascript,css,angularjs,angularjs-scope,angular-ui-bootstrap,Javascript,Css,Angularjs,Angularjs Scope,Angular Ui Bootstrap,我想写在范围的气泡内,所以我修正了范围滑块的设计,只想写在气泡号内: 所以我想在圆圈中写下数字,我应该在angularJS或javascript代码中使用什么来写在这个圆圈中,并且用圆圈来改变数字,我应该在javascript中使用哪个模型来完成所有的事情 所以我用了这个html: <input type="range" min="0" max="10000" value="2500" /> 因此,希望有人能在这方面提供帮助…我假设您一定有一个标记来打印圆圈内的值。现在,您只

我想写在范围的气泡内,所以我修正了范围滑块的设计,只想写在气泡号内:

所以我想在圆圈中写下数字,我应该在angularJS或javascript代码中使用什么来写在这个圆圈中,并且用圆圈来改变数字,我应该在javascript中使用哪个模型来完成所有的事情

所以我用了这个html:

 <input type="range" min="0" max="10000"  value="2500" />

因此,希望有人能在这方面提供帮助…

我假设您一定有一个标记来打印圆圈内的值。现在,您只需要记录实时值。您可以将
输入修改为类似于:

<input type="range" min="0" max="10000"  value="2500" ngModel="data" />


在angularjs端,在控制器内定义
$scope.data
,在圆圈内,只需将
{data}
与标记一起使用即可。这应该很好

我想在圆圈内书写您有在圆圈内书写的代码吗?我是说除了实际的数据。你有必要的html标记吗?如果你想用标记来写它,你可以在圆圈区域内使用
{data}
。这将实时更新值,但很抱歉,这是范围滑块,所以我知道我可以放置范围或我不知道,但对我来说困难的是在圆圈中写入范围内的数字,我在描述中有一个图像
<input type="range" min="0" max="10000"  value="2500" ngModel="data" />