title: asp.net angularjs how to click on link and route to controller method with Id
body: <p>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.</p>
  
  <p>I have this so far</p>
  
  <pre><code>&lt;span&gt;&lt;a ng-href="{{item.url}}"&gt;Read More&lt;/a&gt;&lt;/span&gt;
  </code></pre>
  
  <p>how do I change it to call a specific Controller method with the Id like item.Id?</p>
  
  <p>Thanks for any help</p>
  
  <pre><code> &lt;div class="table-responsive" news-listing&gt;
                  &lt;table style="width: 100%;" style="border-collapse: separate;"&gt;
                      &lt;tr style="border-bottom: 1px solid black; padding-top: 25px;padding-bottom: 25px;" ng-repeat="item in listItems"&gt;
                          &lt;td colspan="100%"&gt;&lt;/td&gt;
                          &lt;td&gt;
                              &lt;img ng-src="{{item.thumbnail}}" style="width: 100px; height: 75px"/&gt;
                          &lt;/td&gt;
                          &lt;td style="padding-left: 25px;"&gt;
                              &lt;div small&gt;
  
                                  &lt;span ng-bind="item.publishedDateFormated" style="font-weight: bold"&gt;&lt;/span&gt;
                                  &lt;span style="font-weight: bold"&gt; | &lt;/span&gt;
                                  &lt;span ng-bind="item.headline" style="font-weight: bold"&gt;&lt;/span&gt;&lt;br/&gt;
                                  &lt;span ng-bind="item.teaser"&gt;&lt;/span&gt;&lt;br/&gt;
                                  &lt;span&gt;&lt;a ng-href="{{item.url}}"&gt;Read More&lt;/a&gt;&lt;/span&gt;
  
                              &lt;/div&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
  
                  &lt;/table&gt;
              &lt;/div&gt;
  </code></pre>