asp.net angularjs how to click on link and route to controller method with Id

Question

I am writing a View which binds the angularjs scope object with the View. I have a 'Read More' link with ng-href which reference a URL but I need to change it to call a specific controller method with a Guid Id.

I have this so far

<span><a ng-href="{{item.url}}">Read More</a></span>

how do I change it to call a specific Controller method with the Id like item.Id?

Thanks for any help

 <div class="table-responsive" news-listing>
                <table style="width: 100%;" style="border-collapse: separate;">
                    <tr style="border-bottom: 1px solid black; padding-top: 25px;padding-bottom: 25px;" ng-repeat="item in listItems">
                        <td colspan="100%"></td>
                        <td>
                            <img ng-src="{{item.thumbnail}}" style="width: 100px; height: 75px"/>
                        </td>
                        <td style="padding-left: 25px;">
                            <div small>

                                <span ng-bind="item.publishedDateFormated" style="font-weight: bold"></span>
                                <span style="font-weight: bold"> | </span>
                                <span ng-bind="item.headline" style="font-weight: bold"></span><br/>
                                <span ng-bind="item.teaser"></span><br/>
                                <span><a ng-href="{{item.url}}">Read More</a></span>

                            </div>
                        </td>
                    </tr>

                </table>
            </div>

Kyle · Accepted Answer · 2016-05-04 14:56:34Z

1

Use ng-click.

HTML:

<a href="#" ng-click="readMore(item.id)">Read More</a>

Javascript:

$scope.readMore = function(itemId) {
    //do things here
    openModal();
    alert("hello world!");

    //go to a new url perhaps?
    window.location = "path/to/stuff?itemId=" + itemId;
}

answered May 4, 2016 at 14:56

Kyle

5,6077 gold badges38 silver badges48 bronze badges

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

Comments

Dalorzo · Accepted Answer · 2016-05-04 14:56:52Z

0

To call the controller method you don't use href instead you use ngClick like:

<a href="#" ng-click="yourMethodName()">Read More</a>

answered May 4, 2016 at 14:56

Dalorzo

20k7 gold badges57 silver badges102 bronze badges

1 Comment

user1250264 Over a year ago

How do you route to the MVC controller that is the c# code?

Collectives™ on Stack Overflow

asp.net angularjs how to click on link and route to controller method with Id

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related