AngularJS - Access Model Property Without Controller

Question

I have been following some of the introductory AngularJS tutorials and they start off by showing how easy it is to get started.

They say all you have to do is define ng-app and then use the example of an input with ng-model="name" and then show that string as you type using {{name}}.

My question is, is it possible to access and read the 'name' property without having to define a controller and read it using $scope.name?

For example..

$(function () {

    var name = ?.name;

});

You can just use {{ name }} anywhere in the template because you defined it in the rootscope (unless it is overridden by the local scope, so it's safer to use ng-model="something.name") — Arsh Singh
– Arsh Singh, Commented Aug 25, 2013 at 9:37
What if I wanted to use it outside the template, for example, inside a jQuery ajax call? — Grant
– Grant, Commented Aug 25, 2013 at 9:41
Where are you making the jQuery ajax call ? is it inside an angular controller? can you explain what you're trying to do or mabe post some code? — Arsh Singh
– Arsh Singh, Commented Aug 25, 2013 at 10:21
Hi @Arsh, I have updated the question with some example usage. — Grant
– Grant, Commented Aug 25, 2013 at 11:55
Do yourself a favor and read this stackoverflow.com/questions/14994391/… — mfeingold
– mfeingold, Commented Aug 25, 2013 at 14:20

Community · Accepted Answer · 2017-05-23 11:49:51Z

4

Well as it turns out, setting ng-model without a ng-controller defined at any parent level creates the item on the $rootScope.

What it also means that whereever $rootScope dependency can be injected you can get access to variable you define in the view.

See my fiddle here

Update: Based on the question update. You can access the scope outside from angular using something like

angular.element(domElement).scope()

and the access the variable. See this answer. But please avoid as much as possible.

edited May 23, 2017 at 11:49

CommunityBot

11 silver badge

answered Aug 25, 2013 at 9:34

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

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

Collectives™ on Stack Overflow

AngularJS - Access Model Property Without Controller

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