[[object Object]] appear on textbox in angularjs [closed]

Question

Closed. This question needs details or clarity. It is not currently accepting answers.

Want to improve this question? As written, this question is lacking some of the information it needs to be answered. If the author adds details in comments, consider editing them into the question. Once there's sufficient detail to answer, vote to reopen the question.

Closed 10 years ago.

Improve this question

[object Object] is automatically appeared as value in every textbox in my form. What went wrong? It appears after I inserted the attribute name="searchr" in <form> tag.

in search.htm:

<form ng-submit="search()" ng-controller="formcontrol" name="searchr">
<input type="search" placeholder="Search here" id="text_search" ng-model="searchr.text" name="text">

in controller.js:

.controller('SearchCtrl', function($scope, $http) { }

sounds to me like you may be binding objects to the textboxes instead of strings. What does your html & controller code look like? — xdhmoore
– xdhmoore, Commented Apr 18, 2015 at 16:22
It's probably something to do with your ng-model="searchr.text". What is searchr? I see it in the name attribute of your form, but do you have a js object by that name? — xdhmoore
– xdhmoore, Commented Apr 18, 2015 at 16:35
I also don't think that's the right controller that goes with that form. Do you have a controller by the name FormControl, like the ng-controller attribute refers to? — xdhmoore
– xdhmoore, Commented Apr 18, 2015 at 16:38

JB Nizet · Accepted Answer · 2015-04-18 17:17:06Z

2

<form name="searchr">

This creates an object of type FormController, and stores it into the scope under the name searchr.

<input name="text">

This creates an object of type NgModelController and stores it in the FormController's text attribute.

<input ng-model="searchr.text">

This tells angular that the model of the field (i.e. the text that must be displayed in the field) is searchr.text, but due to the above, searchr.textis the NgModelController object created by angular, which is part of the FormController object created by angular.

Don't use the same name for the form as the name you use to store the model of the form.

answered Apr 18, 2015 at 17:17

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

1 Comment

Jimmy Garpehäll Over a year ago

This answer pointed me into the right direction solving my problem where I accidentally used the same name for different input-tags in a very large form. When submitting/saving the object, one input field changed value to "[object Object]" but I could not log this value to the console anywhere. Instead I got the value I expected when debugging. I use Angular 8 in this case. Thank you.

Collectives™ on Stack Overflow

[[object Object]] appear on textbox in angularjs [closed]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related