AngularJs如何生成具有显示值的滑块列表

我想要一个问题列表，每个问题后面都有一个显示值的滑块。

以下是如何从AngularJs网站进行数据绑定的示例：

      
 Name:  
 
Hello {{yourName}}!
 
   

但在我的情况下，我将使用ng-repeat生成我的问题列表，因此在这种情况下，所有滑块都将具有相同的ID和名称。

 
 {{q.description}}  {{"rv" + q.id}}  

你可以看到我试图通过结合’rv’（排名值）和问题id来解决冲突ID。

但是我收到一个错误：

错误：[$ parse：syntax]语法错误：令牌”rv”是意外的，期望在[‘{‘rv’+ q.id}}]的第3列的[：]开始于[‘rv’+ q.id}}]。

---

更新

我想将答案列表上传回我的服务器。 问题模型不具有存储用户答案的​​任何属性。 而是一个名为：question_answer的模型，它具有作为存储用户输入答案的属性的答案。

如何实现这一部分？ 通过$ http ??

---

更新2

这是控制器代码：

 var trialApp = angular.module("trialApp", []); trialApp.controller('questionControl', function ($scope, $http) { $scope.counter = 1; $http.get("http://my.azurewebsites.net/api/question_category").success(function (data) { $scope.questionsCategories = data; }).error(function () { alert("Failed to fetch question_category instances from database, please check your Internet connection!"); }); $http.get("http://my.azurewebsites.net/api/Questions").success(function (data) { $scope.questions = data; }).error(function () { alert("Failed to fetch questions from database, please check your Internet connection!"); }); }); 

这是question_answer的数据结构

 { "question_id": 5, "answer": "" } 

谢谢。

Answer 1

好。 我认为你的意见应该是这样的：