Angularjs multiple controllers for one object

Question

Let's take for example this(user edit) page:

http://img38.imageshack.us/img38/6032/4gg6.png

and the controller for this page:

function userEditCtrl($scope) {
    $scope.user = {
        personalData: {
            firstName: '...',
            lastName: '...'  
        },
        contacts: [{}, {}, {}],
        someOtherData: {
            field: 'value'    
        }
    };
}

in the page we have 3 sections (personal data, contacts and some other data), in the user object we also have corresponding fields.

what is the best practice for creating separate controller for every section (userPersonalDataEditCtrl, userContactsEditCtrl, userSomeOtherDataEditCtrl)?

Thank You!

your can write on controller and three directives(PersonalDataEdit,ContactsEdit,SomeOtherDataEdit) — Kain
– Kain, Commented Nov 15, 2013 at 8:44
And I would add that you should put your data (the user) in a service that you inject everywhere you need it. — maxdec
– maxdec, Commented Nov 15, 2013 at 10:12

iKBAHT · Accepted Answer · 2013-11-15 11:41:07Z

1

Best approach is create 3 different controller and directive for each this controller, because you have 3 independent sections. Each controller must work only with its own directive.

answered Nov 15, 2013 at 11:41

iKBAHT

7226 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Angularjs multiple controllers for one object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related