AngularJS function - $Scope

Question

I can't find the meaning of the first $scope in this example:

app.controller('HelloController', function($scope) {
  $scope.message = 'Hello World!';
});

I know that this is JavaScript and it is supposed to be a parameter for the function but I don't understand what sort of parameter it sets.

Can anyone help?

Thanks!

Try the manual docs.angularjs.org/guide/scope. Also go through the tutorial on the documentation site ... do each step, well wortth the time — charlietfl
– charlietfl, Commented Jan 28, 2015 at 19:29
I'm voting to close this question as off-topic because the question is explained by angularjs documentation. — SoluableNonagon
– SoluableNonagon, Commented Jan 28, 2015 at 19:31
Actually I have read the docs several times and stil can't find an answer to my question. — Laurent-514
– Laurent-514, Commented Jan 28, 2015 at 19:36

Cognitronic · Accepted Answer · 2015-01-28 19:31:25Z

3

The $scope parameter is being injected into your controller and acts as the "glue" between your controller and view. So, in your example you would be able to referrence the $scope.message property from your html like this:

<div ng-controller="HelloController">
   {{message}}
</div>

I would check out the docs and Angular communities on google+. Good resources to get started.

answered Jan 28, 2015 at 19:31

Cognitronic

1,4462 gold badges16 silver badges29 bronze badges

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

1 Comment

Cognitronic Over a year ago

Here is a great explanation of scope from the Angular docs: docs.angularjs.org/guide/scope

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

A $scope is a JavaScript object which is used to communicate between controller and view. Basically, $scope binds a view (DOM element) to the model and functions defined in a controller. enter image description here

see more at https://docs.angularjs.org/guide/scope

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jan 28, 2015 at 19:32

Nisham Mahsin

1,3995 gold badges19 silver badges44 bronze badges

Collectives™ on Stack Overflow

AngularJS function - $Scope

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related