Liste déroulante et valeurs

Question

J'ai un problème pour définir les valeurs de la liste déroulante. Ici, je colle mon code.

Code 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> 

Voici mon code 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"); 
      }) 
} 

Et enfin voici mon express.js mis en place. Où je suis en train d'enregistrer les détails du formulaire dans le fichier.

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"); 
    } 
    }); 
}); 

sortie est sous la forme JSON:

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

Je veux sortie doit être de forme.

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

Dans la colonne des marques, je veux le nom de l'élève au lieu du nom de la classe. Quelqu'un peut-il m'aider . Merci .

Answer 1

Vous utilisez setmarks.marks.5thclass à l'intérieur de la directive ng-model dans votre fichier html. A cause de cela, la classe 5 est traitée comme une propriété de l'objet marques. C'est pourquoi il est donné comme "marks":{"5thclass":66} . Vous devez créer l'objet json que vous attendez manuellement dans le contrôleur après le déclenchement de l'événement de sauvegarde. Comme ci-dessous. J'espère que cela vous aidera.

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

Note: Ne pas utiliser le numéro comme premier caractère dans la propriété comme setmarks.5thclass. Cela considérera comme une erreur de syntaxe lors de la compilation de l'expression et lancera erreur.