Javascript 用于提交的输入类型范围数组值和ID

我正在尝试获取要在ionic AngularJS中提交的范围类型值和ID的数组

这是我的HTML：

<ion-view view-title="Survey">
 <ion-content class="padding survey">
  <h4 class="animated flash"><i class="fa fa-exclamation" aria-hidden="true">
   </i> {{surveys.displayTitle}}</h4>

<section class="item" ng-repeat="survey in surveys.questions">
  <p>{{survey.displayTitle}} <i class="fa fa-check" aria-hidden="true"></i></p>
  <div class="range">
    <i class="icon ion-sad"></i>
    <input type="range" min="{{min}}" max="{{max}}" name="" id="{{survey.id}}" ng-model='modelValue' value="{{modelValue}}">
    <i class="icon ion-happy"></i>
  </div>
</section>

<button class="button button-block button-assertive" ng-click="survey()">
  <span ng-hide="loading">Submit <i class="fa fa-paper-plane" aria-hidden="true"></i></span>
  <span ng-show="loading">Please wait <i class="fa fa-spinner fa-spin"></i></span>
</button>

---

您可以使用

属性

将

范围

绑定到

测量

，属性（命名为任意名称，此处

模型值

，用于eaxmple）。当

范围

发生更改时，将更新此属性

您可以通过以下方式获得控制器中的更改值：

"answers" : [
     {"questionId" : 1, "value" : $scope.surveys.questions[0].modelValue},
     {"questionId" : 2, "value" : $scope.surveys.questions[1].modelValue},
     {"questionId" : 3, "value" : $scope.surveys.questions[2].modelValue},
     {"questionId" : 4, "value" : $scope.surveys.questions[3].modelValue}
]

UPD:

如果将

range

与

ng model

和

value

（不同的值）绑定，则

value

属性将被忽略

角度模块（“应用程序”，[]） .controller（“myCtrl”，函数（$scope）{ $scope.min=10； $scope.max=100； $scope.modelValue=50； $scope.surveys={ 问题:[ { id:1， 详情：“问题1”， 型号价值：50 }, { id:2， 详情：“问题2”， 型号价值：60 }, ] } });

{{survey.modelValue}}
{{调查.问题}

您可以将

范围

与

属性

（命名任意，此处

模型值

用于eaxmple）绑定到

测量

，使用

ng模型

。当

范围

发生更改时，将更新此属性

您可以通过以下方式获得控制器中的更改值：

"answers" : [
     {"questionId" : 1, "value" : $scope.surveys.questions[0].modelValue},
     {"questionId" : 2, "value" : $scope.surveys.questions[1].modelValue},
     {"questionId" : 3, "value" : $scope.surveys.questions[2].modelValue},
     {"questionId" : 4, "value" : $scope.surveys.questions[3].modelValue}
]

UPD:

如果将

range

与

ng model

和

value

（不同的值）绑定，则

value

属性将被忽略

角度模块（“应用程序”，[]） .controller（“myCtrl”，函数（$scope）{ $scope.min=10； $scope.max=100； $scope.modelValue=50； $scope.surveys={ 问题:[ { id:1， 详情：“问题1”， 型号价值：50 }, { id:2， 详情：“问题2”， 型号价值：60 }, ] } });

{{survey.modelValue}}
{{调查.问题}

首先感谢彭妮的帮助 这是一种全新的方式

// your data object
var obj = $scope.surveys.questions;
        var answers = [];
        angular.forEach(obj, function(value, key) {
            answers.push({"questionId" : value.id, "value" : value.modelValue});
        });

        $http.post(sharingDataService.getApiUrl() + '/your link', {
                "answers" : answers}
        ).then(function (data) {
            your code
        });

---

首先感谢彭妮的帮助 这是一种全新的方式

// your data object
var obj = $scope.surveys.questions;
        var answers = [];
        angular.forEach(obj, function(value, key) {
            answers.push({"questionId" : value.id, "value" : value.modelValue});
        });

        $http.post(sharingDataService.getApiUrl() + '/your link', {
                "answers" : answers}
        ).then(function (data) {
            your code
        });

---

问题是什么？我不明白你想做什么。我需要把值和ID从html表单中拿到控制器，然后提交给我看看问题是什么？我不明白你想完成什么。我需要从html中获取值和ID，然后提交给控制器。我查看了@eldeviny oops，我刚刚发现了一个输入错误，应该是

$scope.surveys.questions[3]

，再次检查。我更新了代码，但在控制台中出现错误：TypeError:无法读取的属性“modelValue”undefined@eldewiny您是否更改过每个范围的值？如果没有，这将是一个好消息。在初始化

$scope.surveys

时添加属性如何。“答案”：[{“questionId”：1，“值”：$scope.surveys.questions[0].modelValue}，{“questionId”：2，“值”：$scope.surveys.questions[1].modelValue}，{“questionId”：3，“值”：$scope.survestions.questions.questions[3].modelValue}，{“questionId”：4，“value”：$scope.surveys.questions[4].modelValue}]@eldeviny oops，我刚刚发现一个输入错误，应该是

$scope.surveys.questions[3]

，请再次检查。我更新了代码，但在控制台中出现错误：TypeError:无法读取的属性“modelValue”undefined@eldewiny您是否更改过每个范围的值？如果没有，这将是一个好消息。在初始化

$scope.surveys

时添加属性如何。“答案”：[{“questionId”：1，“值”：$scope.surveys.questions[0].modelValue}，{“questionId”：2，“值”：$scope.surveys.questions[1].modelValue}，{“questionId”：3，“值”：$scope.survestions.questions.questions[3].modelValue}，{“questionId”：4，“值”：$scope.surveys.questions[4].modelValue}]