Question

我在设置下拉列表的值时遇到问题。我在这里粘贴我的代码。

HTML代码：

<form ng-submit="save()">
<table style=" table-layout: fixed;" class="table">
  <thead>
    <tr>
      <th>Section</th>
      <th>Names</th>
      <th>Marks</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>5th class</td>
      <td>
       <select id="5thclass" ng-model="setmarks.5thclass" ng-options="val for val in studentname">
            <option ng-init="setmarks.5thclass=studentname[0]" selected="selected"></option>
        </select>
        </td>
      <td>
        <input type="number" name="5thclass" ng-model="setmarks.marks.5thclass"/>
      </td>
    </tr>
  </tbody>
</table>
    <div class="sub" class="btn-group">
        <input id="savebutton" type="submit" ng-click="Submit" value="Save" class="btn btn-primary">
    </div><br />
</form>

这是我的angularjs代码：

  $scope.studentname = ["abc","pqr","xyz"];

$scope.save = function(){

  $http.post('/savemarks', $scope.setmarks).success(function(data){
              console.log("posted data successfully");
              console.log( JSON.stringify(data));
            }).error(function(data){
              console.error("Error posting data");
            })
}

最后这是我的express.js设置。我将表单详细信息保存到文件中的位置。

app.post('/savemarks',urlencodedParser,function(req,res){
  fs.appendFile(writecost_file,JSON.stringify(req.body,null,1),function(err){
    if(err){
      console.log(err);
    }else{
      console.log("File saved"); 
    }
  });
});

输出采用json形式：

{"5thclass":"abc","marks":{"5thclass":66}}

我希望输出应该是形式。

{"5thclass":"abc","marks":{"abc":66}}

在标记栏中，我想要学生姓名而不是班级名称。谁能帮我。谢谢。

Answer 1

您在html中的ng-model指令中使用了setmarks.marks.5thclass。因为第5类被视为标记对象的属性。这就是"marks":{"5thclass":66}给出的原因。在触发保存事件后，您必须在控制器中手动创建期望的json对象。如下。希望这对你有所帮助。

＆＃13;

 var st = '{"5thclass" : "' + $scope.setmarks.5thclass + '","marks":{"' + $scope.setmarks.5thclass + '":' + $scope.setmarks.marks.5thclass + '} }';
 var obj = JSON.parse(st);

＆＃13;

注意：不要使用number作为属性中的第一个字符，如setmarks.5thclass。这将在编译表达式时视为语法错误，并将抛出错误。

下拉列表和值

1 个答案: