push checked checkbox value with multiple ng-model

Question

I have days option for user.

My expected output will be, when a user click submit

if monday and tuesday is selected it should be [1,2]
if weekdays is selected it should be string 'weekdays'

I have too many restriction here because the api is heavily nested so I prefer to hardcode the days value. But I don't know how to proceed further. The only way I can think of is assign ng-model to every input and do push, but I feel that's not proper.

http://plnkr.co/edit/NfTgmsuZlGh6QUVZj8HG?p=preview

Need help.

can you use a ng-switch?

HoKy22
– HoKy22

2017-01-01 05:30:57 +00:00
Commented Jan 1, 2017 at 5:30 — HoKy22
– HoKy22, Commented Jan 1, 2017 at 5:30
docs.angularjs.org/api/ng/directive/ngSwitch

HoKy22
– HoKy22

2017-01-01 05:31:19 +00:00
Commented Jan 1, 2017 at 5:31 — HoKy22
– HoKy22, Commented Jan 1, 2017 at 5:31

Mohammad Sadiqur Rahman · Accepted Answer · 2017-01-01 06:03:49Z

1

You can try in this way also In Controller

  $scope.items = [{"day":"monday","show":"1"},{"day":"tuesday","show":"2"},{"day":"weekdays","show":"weekdays"}];

in html

<select ng-model="selection" ng-options="item.show as item.day for item in items">
     <option value="">Please select</option>
</select>

output: {{selection}}

edited Jan 1, 2017 at 6:03

answered Jan 1, 2017 at 5:51

Mohammad Sadiqur Rahman

5,5478 gold badges35 silver badges48 bronze badges

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

Comments

Avnesh Shakya · Accepted Answer · 2017-01-01 10:57:48Z

0

Try this way:

<div class="days-group" ng-repeat="timeType in timeTypes">
    <input type="checkbox" id="Weekdays" value="weekdays" ng-model="timeType.isSelected" ng-checked="timeType.isSelected">
    <label for="Weekdays">{{timeType.type}}</label>
</div>

And controller:

$scope.timeTypes = [
                    { id: 1, type: "weekends", isSelected: false }, 
                    { id: 2, type: "weekdays", isSelected: false }
                   ];

Same for days also.

Check working jsfiddle link:

https://jsfiddle.net/avnesh2/oho7qxv1/

Check console for required format.

Cheers.

answered Jan 1, 2017 at 10:57

Avnesh Shakya

3,9142 gold badges25 silver badges32 bronze badges

Collectives™ on Stack Overflow

push checked checkbox value with multiple ng-model

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related