how to get the object from ng-repeat checkbox values in Angular JS

Question

I'm encountering a problem and I will appreciate someone can help.

Right now I'm showing several checkboxes in my form which are grabbing from my firebase database. And in my controller I'm trying to use ng-submit to store whole data of form. My checkbox JSON format should look like this.

{
    "apple" : true,
    "spotify" : true 
}

The checkbox image here

okay the following is my code from HTML and Javascript

<label class="checkbox-inline" ng-repeat="hashtag in hashtags" for="{{hashtag}}">
  <input type="checkbox" name="{{hashtag.$value}}" id="{{hashtag.$value}}" value="{{hashtag.$value}}" ng-model="hashtag.SELECTED" ng-true-value="true" ng-false-value="false"> 
    {{hashtag.$value | capitalize}}
</label>

My Javascript here

form.$add({
    description: $scope.inputDescription,
    hashtags: {
        *I don't know how to put checkbox's result here.*
    },
    time: Firebase.ServerValue.TIMESTAMP,
    title: $scope.inputTitle,
    url: $scope.inputUrl
})

Anyone can help, please? Thank you so much.

Update Thanks for the reply. I really appreciate those! However, I found out that I forgot to mention something and I tried the answers from the reply and they didn't work. The picture below will explain my problem. enter image description here Thank you so much!

Finally solution in case people are curious about the answer I just figured out. The following is my solution. Thank you guys! I love stackoverflow!

function checkbox(hashtags) {
    var arr = {};
    for(var hashtag in hashtags) {
        if(hashtags[hashtag].SELECTED === true){
            arr[hashtags[hashtag].$value] = true;
        }
    }
    return arr;
}

is hashtags the first described JSON?

Betty St
– Betty St

2015-10-06 18:53:46 +00:00
Commented Oct 6, 2015 at 18:53 — Betty St
– Betty St, Commented Oct 6, 2015 at 18:53

Chris Rosete · Accepted Answer · 2015-10-06 18:33:59Z

1

Something like this, I found info in a similar question:

<input type="submit" name="submit" value="submit" ng-click="check(hashtags)"/>

$scope.check= function(data) { 
var arr = [];
for(var i in data){
   if(data[i].SELECTED=='Y'){
       arr.push(data[i].value);
   }
}
//At this points you have all the selected hashtags on arr Array

}

answered Oct 6, 2015 at 18:33

Chris Rosete

1,26815 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Victor Huang Over a year ago

Thank you so much Chris! I did it. At first I used you answer but somehow just didn't work. And I used this answer again and twitch a little bit and it works this time! Thanks you!

Fernando Pinheiro · Accepted Answer · 2015-10-06 18:35:07Z

0

Try changing your ng-model to

ng-model="mhashtags[hashtag.$value]"

With this you will have a mhashtags variable in your scope that will be exactly what you need to send.

answered Oct 6, 2015 at 18:35

Fernando Pinheiro

1,8262 gold badges18 silver badges21 bronze badges

Comments

Betty St · Accepted Answer · 2015-10-06 19:00:52Z

0

Assuming that hashtags is this JSON:

$scope.hashtags = {
  "apple" : true,
  "spotify" : true 
};

I would change the ng-repeat to this:

<label class="checkbox-inline" ng-repeat="(hashtag, bool) in hashtags" for="{{hashtag}}">
  <input type="checkbox" name="{{hashtag}}" id="{{hashtag}}" ng-value="bool" ng-model="hashtag"> 
    {{hashtag | capitalize}}
</label>

hashtag is the key of the object and bool is the value, so no need for "$value".

answered Oct 6, 2015 at 19:00

Betty St

2,91024 silver badges37 bronze badges

Collectives™ on Stack Overflow

how to get the object from ng-repeat checkbox values in Angular JS

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related