Accessing controller's dom element

[kyma]

How can I access a controller's dom element, for example if I want to
call a jquery function on a controller's div?

[Jon Lester]

You can access the controller's object by looking at the $element property of the controller. Once you have the controller you can access the DOM element with $(scope.$element) where scope is your controller object.

Jon

On Fri, Sep 9, 2011 at 9:41 AM, kyma <b...@kymatic.net> wrote:

How can I access a controller's dom element, for example if I want to
call a jquery function on a controller's div?

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/angular?hl=en.

[kyma]

Cool, thanks a lot

[Igor Minar]

$element is going to be killed soon. You should never do any kind of dom manipulation in the controller. Use widget/directives for this purpose.

The reason why controllers should never reference the dom is because in order to avoid spaghetti code and make controllers testable,  they should contain just business logic of your application.

/i

[Debjyoti Sarkar]

How about setting the focus() on some input element when user submits a Form?

Is that considered to be a DOM manipulation from controller? If yes, how would I achieve this from directive?

I'm following the first example in this link http://docs.angularjs.org/guide/forms

Or should I create a directive for all form handling actions e.g. validating required fields, submission, resetting etc.?

[Dimitrios Kanellopoulos]

I need to say that when a person reads the documentation examples he gets the impression that the DOM manipulation should be done in the controller as said above. I ve fallen in this pitfall so far due to the examples and the tutorials. 

[xin zhang]

Hi Igor,

Looks like $element has been killed. Then how do I use $mdToast to show a toast within one specific element? In other words, how can I get the controller's element and assign it to "parent" option of $mdToast? Thanks

[Sander Elias]

Hi Xin,

There are many ways to resolve that. Most (if not all) of those don't belong in a ngController context(which is the main reason the $element is gone!). You should write an directive to solve your issue.

Regards

Sander