angular.js - Can controllers in angularjs be nested?

Question

Can controllers in angularjs be nested?

For example:

<p ng-controller="ACtrl">
    <p ng-controller="BCtrl">
        <p>{{ value }}</p>
    </p>
</p>

Modifying the value of $scope.value in BCtrl and then using inprog in ACtrl seems to cause an error.

Answer 1

can be nested, but you should use $parent variables.
http://fdietz.github.io/recipes-with-angular-js/controllers/sharing-models-between-nested-controllers.html

Answer 2

http://stackoverflow.com/questions/21287794/angularjs-controller-as-syntax-clarification

Answer 3

It can be nested, and the syntax of "controller as ctrl" is better. If you think about it written like in the question, you don’t know whether the value comes from ACtrl or BCtrl

<p ng-controller="ACtrl as a">
    <p ng-controller="BCtrl as b">
        <p>{{ b.value }}</p>
    </p>
</p>

Answer 4

It must be nestable, otherwise it will not easily shake the dominance of JQuery. If you really want to learn, I recommend the book Angular Authoritative Guide

Answer 5

The best book in China at present should be the Chinese version of ng-book. Read the book carefully. It’s much better than the era when you could only read documents through the wall.