Binding Filter results to input fails in AngularJS

Question

My code is like this

<body ng-app="">
<div ng-init="friends = [{name:'John', phone:'555-1276'},
                       {name:'Mary', phone:'800-BIG-MARY'},
                       {name:'Mike', phone:'555-4321'},
                       {name:'Adam', phone:'555-5678'},
                       {name:'Julie', phone:'555-8765'},
                       {name:'Juliette', phone:'555-5678'}]"></div>Name only
<input ng-model="search.name">
<br>
    <h3>Results</h3>
<table id="searchObjResults">
    <tr>
        <th>Name</th>
        <th>Phone</th>
    </tr>
    <tr ng-repeat="friendObj in friends | filter:search:strict">
     name:   <input ng-model="friendObj.name" />
        <td>{{friendObj.name}}</td>
         <td>{{friendObj.phone}}</td>
    </tr>
</table>

when any search happens I want to bind result data to an input box I provided. Filtering happpens correctly, but i am not able to bind it to my input. it correctly binds to a <td> though. Fiddle Can any one tell me what I am doing wrong here?

Chandermani is correct with tr and td: jsfiddle.net/eyugb3fw/1 — Nagaraj Tantri
– Nagaraj Tantri, Commented Oct 13, 2014 at 6:42
@LearningNeverStops I have to wait 2 more minutes to mark it as correct answer. I am helpless ;) — None
– None, Commented Oct 13, 2014 at 6:44

Chandermani · Accepted Answer · 2014-10-13 06:37:02Z

1

Your input should be inside one of the td i think. See this fiddle

http://jsfiddle.net/u08xucsj/

Remember tr can only have td

answered Oct 13, 2014 at 6:37

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

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

Collectives™ on Stack Overflow

Binding Filter results to input fails in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related