0
votes

Boîte à cocher Angularjs Valeurs sélectionnées non identifiées

Bonjour, cette question a déjà demandé, mais cela ne résolvant pas mon problème.

Je suis en train de passer des valeurs de case à cocher au contrôleur, mais je ne peux pas identifier lequel est sélectionné.

Ceci est mon code

HTML: < / p> xxx

js: xxx

ceci est mon image de console Entrez la description de l'image ici

Je ne peux pas identifier les valeurs sélectionnées?


2 commentaires

Qu'en est-il de la fixation ng-change = ")" dans votre code. Mieux si vous pouvez fournir un exemple de démonstration sur plunkr.com


@Shashakvivek je vais mettre à jour s'il vous plaît vérifier maintenant


3 Réponses :


1
votes

Vous devez fournir une propriété sélectionnée code> à chacun des objet code> dans $ portée.formdata.businessdays code> afin d'identifier s'il est possible Sélectionné, quelque chose comme: - xxx pré>

et abonnez-vous à l'événement code> modifier code> de la case code> pour maintenir la propriété à jour p >

<div class="col-sm-3" ng-repeat="days in formData.businessDays">
  <input type="checkbox" ng-model="days.selected" ng-change="changed(days)"><span> {{days.name}} </span>
</div>
<div>
  <p>selected values</p>
  <label ng-repeat="item in selectedItems">{{item}} </label>
</div>


1 commentaires

Merci pour votre réponse, je corrige également ce problème s'il vous plaît vérifier ma réponse



4
votes
 $scope.selected = function(d){
    console.log(d);

}

$scope.formdata = {};
$scope.formdata.businessDays = [{
    name: "Monday",
    value: "M",
}, {
    name: "Tuesday",
    value: "T",
}, {
    name: "Wednesday",
    value: "W",
}, {
    name: "Thursday",
    value: "Th",
}, {
    name: "Friday",
    value: "F",
}, {
    name: "Saturday",
    value: "S",
}, {
    name: "Sunday",
    value: "Su",
},];

1 commentaires

Merci pour votre réponse, je corrige également ce problème s'il vous plaît vérifier ma réponse



0
votes
<div class="col-sm-3" ng-repeat="days in formData.businessDays">
   <input type="checkbox" ng-model="days.Selected" ng-change=")"><span>  {{days.name}}</span>
</div>


$scope.addData = function(form)
{
    $scope.formData.days_id = [];
    angular.forEach($scope.formData.businessDays, function(businessDays){
       //console.log(businessDays);
        if (businessDays.Selected) {
            $scope.formData.days_id.push(businessDays.value);
        }
    })
}

0 commentaires