conditionally checking check box in angularjs

Question

I have created a angular-meteor page for settings. In that settings page menus are listed and when a menu is selected then it is displayed in home page. When unchecked it is removed from dashboard. The code is

in client side js `angular.module('demo').directive('generalSettings', function() {

return {
    restrict: 'E',
    templateUrl: 'client/lms/general-settings.html',
    controllerAs: 'generalSettingsCtrl',
    controller: function($scope, $reactive, $stateParams, $mdDialog, $state, $mdToast, ToastService, $timeout, $q, $log, errorValidatorUtil, CurrentPage) {
        $reactive(this).attach($scope)
        let self = this;
        let user = Meteor.user();
        let userId = Meteor.userId();
        let customerId = [userId]
        self.subscribe('getCustomerDetails', () => [customerId], {
            onReady: function() {
                self.helpers({
                    currentUser: () => {
                        return Meteor.users.findOne({
                            _id: Meteor.userId()
                        });

                    }
                })
            }
        });
        // console.log(Meteor.users.findOne({
        //     _id: Meteor.userId()
        // }))

        self.data = {};
        self.data.cb1 = true;
        self.isChecked = true;
        CurrentPage.setTitle('Settings');
        self.subscribe('generalSettingsDetails', () => [], {
            onReady: function() {
                self.helpers({ /// helpers to make it reactive
                    generalSettings: () => {
                        let settings = GeneralSettings.find({}).fetch()
                            //var subSettings = []
                        for (key in settings) {

                            delete settings[key].$$hashKey

                        }
                        console.log(settings)
                        return {
                            'generalSetting': settings
                        };
                    }
                })
            }


        });
        self.getClicked = (dynamicSetting, settingId, detail) => {
            self.dataArry = {};
            self.dataChk = {};

            self.generalSetting = {};


            console.log(self.generalSettings.generalSetting)


            Meteor.call("updateStatus", detail, function(error, result) {
                if (error) {

                    ToastService.getToastbox($mdToast, 'Something went error!Unable to add details', 'error-toast');
                } else {
                    self.generalSetting = {};

                    ToastService.getToastbox($mdToast, 'Details added successfully !', 'success-toast');

                }
            });


        }

    }
}

}) and the server js is like`Meteor.methods({ updateStatus: function(settings, status) { let _ids = [] console.log(settings) if (settings.$$hashKey) delete settings.$$hashKey

    GeneralSettings.update({
        _id: settings._id

    }, {
        $set: {
            "status": settings.status
        }
    }, {
        "multi": true
    })
}

})

and the html is like

<div layout="column" layout-wrap layout-padding layout-fill class="littleWhiteFrame" ng-cloak>
<div>
    <div layout="row" class="requestDetailElems">
        <h4 class="md-subhead" layout-marginSettings> Settings</h4>
        <span flex></span>
    </div>
</div>
<md-divider></md-divider>
<div layout="row">
<fieldset class="standard">
    <div layout-gt-sm="row"  ng-repeat="detail in generalSettingsCtrl.generalSettings.generalSetting">
        <md-checkbox aria-label="Checkbox 1"  ng-model="detail.status" ng-change="generalSettingsCtrl.getClicked(generalSettingsCtrl.detail[$index],currentUser._id,detail)">

               <p> {{detail.name}} {{ detail.data.cb1 }}</p>
        </md-checkbox>
    </div>
    </fieldset>
</div>

i have a mongo collection for settings with fields like id,name,description,tag,status.

when the menu is selected status will get changed to true.

Now I want to make some changes in this code,I want to make different menu for different users. So in the user collection I have to push the selected menu. For eg:user1,user2 if user1 selects home,about us from settings then in his dashboard home and aboutus should be viewed. if user2 selects home and testimonial then when he login home and testimonial should be viewed not home and aboutus

ArunJaganathan · Accepted Answer · 2016-04-19 05:00:11Z

0

You just push the settings collection to user collection.And you can fetch the data according to user id.

Meteor.users.update(

{ _id: userId }, { "$push": { "settings": settingDetails } } )

answered Apr 19, 2016 at 5:00

ArunJaganathan

7032 gold badges7 silver badges20 bronze badges

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

Comments

antish Gajwani · Accepted Answer · 2016-04-18 07:52:43Z

0

You can create separate menu bar and show them using ng-if .

answered Apr 18, 2016 at 7:52

antish Gajwani

7010 bronze badges

Collectives™ on Stack Overflow

conditionally checking check box in angularjs

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