Question

我正在编写一个View，它将angularjs范围对象与View绑定在一起。我有一个＆＃39;阅读更多＆＃39;链接ng-href引用URL，但我需要更改它以使用Guid Id调用特定的控制器方法。

到目前为止我有这个

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

如何更改它以使用Id like item.Id？

调用特定的Controller方法

感谢您的帮助

 <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>

Answer 1

使用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;
}

Answer 2

要调用控制器方法，请不要使用href而是使用ngClick，如：

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

asp.net angularjs如何点击链接并使用Id路由到控制器方法

2 个答案: