Bom, estou com um pouco de dificuldade em pensar qual a melhor maneira de resolver isso:
tenho várias skills e preciso guardar cada skill com seu score e id(da skill) para cada candidato.
tenho um ng-repeat que lista todas as skills no form do candidato, tenho o input do score, só que estou com dificuldades no input do id.
pensei em criar um input, esconde-lo, e preenche-lo com os ids.
porém os valores do id das skill ficam vazios utilizando o ng-model.
Se eu remover o ng-model, os id's preenchem corretamente os campos.
angular.module('Project').controller('CandidateController', function ($scope, $http){
$scope.skills = [];
$scope.candidate = {};
$scope.candidate.skills = [];
$http.get('/skill')
.success(function (data){
$scope.skills = data;
})
.error(function(error){
console.log(error)
});
$scope.submit = function(){
console.log($scope.candidate);
};
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<form name="form" class="row" ng-submit="submit()">
<div class="col-md-6">
<label>Candidate Name</labe>
<input name="Name" class="form-control" ng-model="candidate.name"></input>
<label>About Candidate</label>
<textarea rows="5" cols="20" name="About" ng-model="candidate.about" class="form-control"></textarea>
<hr>
</div>
<div class="col-md-2">
<div ng-repeat="skill in skills">
<label>{{skill.Name}}</label>
<input ng-model="candidate.skills[$index].score" class="form-control"></input>
<input ng-model="candidate.skills[$index].skill" class="form-control" ng-value="skill._id"></input>
</div>
</div>
<button type="submit" class="btn btn-primary">
Save
</button>
<a href="/candidates" class="btn btn-primary">Back</a>
</form>
Exemplo de model de uma skill :
{_id: "56b615193afbfa041a9261b6", Name : "Javascript", Description : "Knowledge about javascript"}
Exemplo de model de um candidate :
{_id: "56b615193afbfa041a9261b7", Name : "Lucas", About : "Nice guy :B", skills: [{skill : "56b615193afbfa041a9261b6", score : "90"}, {skill : ""56b615193afbfa041a9261b9", score : "70"}]};