How to click a button and focus on another input in angularjs?

Question

I don't know how to focus on an input when clicking on a button in angularjs.

I create a simple demo which can't work here: http://plnkr.co/edit/NS0jJE9ttakNm8nc6QkZ?p=preview

This is the main code:

app.controller('MainCtrl', function($scope, $element) {
  $scope.name = 'World';
  $scope.myfocus = function(){
    $element.find("#myinput").???? // what to do here?
  }
});

Please, do not try to access to DOM from your controller. Use directives for that. — Umur Kontacı
– Umur Kontacı, Commented Mar 21, 2013 at 13:55
I just answered essentially the same question yesterday: stackoverflow.com/questions/15518772/… — Mark Rajcok
– Mark Rajcok, Commented Mar 21, 2013 at 14:48

Community · Accepted Answer · 2017-05-23 12:01:46Z

2

You need to load jquery before loading angular.

See this updated plunker with load order changed and some changes to how you were trying to focus the element http://plnkr.co/edit/PLi1BiI83GKdAvSGufCP

and this previously asked question Error: "Selectors not implemented"

And fastreload is right about not dealing with the DOM in the controller.

http://docs.angularjs.org/guide/directive

edited May 23, 2017 at 12:01

CommunityBot

11 silver badge

answered Mar 21, 2013 at 14:49

sparkalow

1755 bronze badges

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

2 Comments

Mark Rajcok Over a year ago

"fastreload is right about not dealing with the DOM in the controller" -- so here is a directive implementation

Pablo Ezequiel Leone Over a year ago

Mix jquery with angularjs is a bad practise. Try to use the element attribute in the link function of the directive to do this.This is not a right answer.

Collectives™ on Stack Overflow

How to click a button and focus on another input in angularjs?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related