Nested App inside controller in angularJS

Question

how can I achieve that structure in AnglularJS ?

<body ng-app="mainBodyAppWrapper">
        <div ng-controller = "mainBodyController">
            <div ng-app="myApp">
                <div ng-controller="controller3">
                    First Name : <input ng-model="myApp_fName3" type="text"/>
                    Last Name : <input ng-model="myApp_lName3" type="text"/>
                    Hello {{myApp_fName3}} {{myApp_lName3}} !!!
                </div>
                <hr/>
            </div>
        </div>
    </body>

in that case I have an error https://docs.angularjs.org/error/ng/areq?p0=controller3&p1=not%20a%20function,%20got%20undefined

Any one know about that kind of error solution? Please help me out

Possible duplicate of How to define two angular apps / modules in one page? — Rahil Wazir
– Rahil Wazir, Commented Oct 26, 2015 at 6:58

Community · Accepted Answer · 2017-05-23 12:23:36Z

1

You cannot use multiple ng-app in a page. If you really need to use multiple modules, consider bootstraping the second module. For more info, read How to define two angular apps / modules in one page

edited May 23, 2017 at 12:23

CommunityBot

11 silver badge

answered Oct 26, 2015 at 6:59

Praveen Prasannan

7,15310 gold badges53 silver badges71 bronze badges

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

Collectives™ on Stack Overflow

Nested App inside controller in angularJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related