javascript - ngApp without using any specific module name

Question

Welcome To Ask or Share your Answers For Others

javascript - ngApp without using any specific module name

posted Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

javascript - ngApp without using any specific module name

Consider the piece of code below:

part of html file:

<body ng-app>
    <div ng-controller="MainCtrl">{{name}}</div>
</body>

part of js file:

function MainCtrl($scope) {
  $scope.name = "John";
}

I always put my controllers in some module, whose name I define in ng-app. How it works when I don't define any module ?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-23T20:03:30+0000

Angular, has this "auto-discover" feature, that allows it to look up controllers by their name if they are defined on the global scope.

This feature is mainly intended for quick demos/prototypes/proof-of-concept snippets and not real-world applications.

From Angular's Developer Guide:

NOTE: Although Angular allows you to create Controller functions in the global scope, this is not recommended. In a real application you should use the .controller method of your Angular Module for your application [...]

Regarding the empty ngApp, if there is no name specified, it only means that there is no module to assign controllers, directives, services to, but other than that everything works fine.

Categories

javascript - ngApp without using any specific module name

javascript - ngApp without using any specific module name

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags