Question

我有一个滑动条，希望它的抓手从左侧开始。

这是我试图做的，但它没有用。

 <input type="range" id="{{'sa' + q.id}}" value="0" min="0" max="10" ng-model="q.answer" style="clear:both;"/><span >{{q.answer}}</span>

正如您所看到的，我将该滑块的值设置为0，但抓手仍显示在其中间。

你有任何线索吗？

更新

我试图删除ng-model =＆＃34; q.answer＆＃34;并发现问题是固定的。但我确实需要ng-model来进行数据绑定。

你有什么线索可以阻止这种情况发生吗？

更新2

我实际上有一个添加属性的问题列表，＆＃34;回答＆＃34;，并将其值设置为0。这是代码。

$http.get("http://my.azurewebsites.net/api/Questions").success(function (data) {

        $scope.questions = data;

        angular.forEach($scope.questions, function (value, key) {
            console.log(this);
          //  how to write the code to add an attribute "answer" to the question object and set its value to 0?

        });

更新3：解决方案

我发现问题是由q.answer的默认值引起的，因此改变了这个值，我就是这样做的。

 $scope.questions[key].answer = 0;

感谢您的意见：）

Answer 1

您可能已为范围模型q.answer分配了一个值。如此处所示，在模型中为模型赋值为0可以解决问题。

$scope.q = {
    answer: 3, // answer has an initial value
    start: 0 //set to 0 like this
};

JSFiddle of slider values

使用ng-model会导致滑块从中间开始

1 个答案: