Passing Data from Angular to Razor (MVC5)

Question

I created a project in MVC5 over Entity Framework and AngularJS. Now, what I want is to pass every database object to an MVC controller, in order to update their values. (ex: to modify a "customer" value) The following code doesn't work..

 <table class="table">                
                    <tr ng-repeat="r in customers">
                        <td>{{r.ID}}</td>
                        <td>{{r.LastName}}</td>
                        <td>{{r.FirstName}}</td>
                        <td>{{r.Phone}}</td>
                        <td>{{r.Email}}</td>
                        <td><a href="@Url.Action("Edit","Edit")?id={{r.ID}}"></a></td>
                    </tr>
                </table>

Please help me about how to pass r.ID to the razor above

@Html.ActionLink("Edit", "Edit", new { id = r.ID })

refer this,this,this

Kartikeya Khosla
– Kartikeya Khosla

2016-03-30 12:19:56 +00:00
Commented Mar 30, 2016 at 12:19 — Kartikeya Khosla
– Kartikeya Khosla, Commented Mar 30, 2016 at 12:19

Chernikov · Accepted Answer · 2016-03-30 12:31:51Z

4

You need put ng- before href:

<a ng-href="@Url.Action("Edit","Edit")?id={{r.ID}}"></a>

Also ng-src for src attribute.

answered Mar 30, 2016 at 12:31

Chernikov

8571 gold badge11 silver badges21 bronze badges

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

1 Comment

Georgios Over a year ago

You are awesome! Thank you!

Collectives™ on Stack Overflow

Passing Data from Angular to Razor (MVC5)

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related