我正在创建一个类似于乘法表的表:http: //www.eco-pros.com/images/ClipArt-Graphics/multiplication-table.gif进行一些评估。
数据将通过使用 Restangular 的 REST 调用来自 API 资源。这是 REST 调用后控制器的代码:
getEvaluations.getList("evaluations?searchBy[participant]=880b6fb0-ee34-11e2-a62e-19e0bcac9427").then(function(data){
evals = data["_embedded"]["items"];
for (i = 0; i < evals.length; i++){
allEvals.push({
rating: evals[i].rating,
alternative: evals[i]["_embedded"]["alternative"].name,
criterion: evals[i]["_embedded"]["criterion"].name
});
/* I'm creating an array of objects to parse the data that comes from the
resource because the back-end is a bit messy. */
}
console.log(allEvals);
$scope.evaluations = {
eval: allEvals
};
$scope.projectID = $routeParams["projectID"];
}, function error (err){
alert("Error in fetching resource");
console.log("error");
});
在视图中,我有一张我不知道如何填满的桌子。
<table>
<thead>
<tr>
<th></th>
<th data-ng-repeat="alternative in alternatives">{{alternative.name}}</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="criterion in criteria">
<td><b>{{criterion.description}}</b></td>
<td><input type="text" value="{{evaluations.rating}}" /></td>
<td><input type="text" /></td>
<td><input type="text" /></td>
</tr>
</tbody>
</table>
这是表的旧代码,我使用两个 REST 调用来获取替代名称和条件名称来填充表。但我希望能够使用我创建的对象数组来填充它。在输入框中,我希望评级能够匹配特定的替代方案和标准(因此我需要条件语句之类的东西来检查 AA 或 AB 或 AC 等并为此注入值)。
例如:
A1
C1 5.0
任何提示或帮助将不胜感激!谢谢你。我不确定如何使这个问题更清楚,因为它是如此不同。
JS小提琴(不工作):