角度弹簧数据视图用于自我链接

时间:2015-10-21 13:15:05

标签: angularjs spring rest spring-data

我对angularjs和spring-data-rest有以下问题。我想创建一个收费的视图。所以在我的HTML中,我有一个收费表,费用不同。

            <table class="table table-striped table-bordered table-hover">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Setup in <i class="glyphicon glyphicon-euro"></i></th>
                        <th>Basic Period</th>                           
                        <th class="text-right">{{ 'ACTIONS' | translate }}</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="fee in billing">
                        <td>{{ fee.name }}</td>
                        <td><span ng-hide="editMode">{{ fee.setupAmountEur }}</span></td>
                        <td><span ng-hide="editMode">{{ fee.basic.period }}</span></td>
                        <td>
                            <a class="btn btn-info pull-right" href="{{fee._links.self.href}}">{{ 'FEES_LINK' | translate }}</a>
                        </td>
                    </tr>
                </tbody>
            </table>

当我点击FEES_LINK时,浏览器会显示普通的json。我想要的是拥有一个新的HTML网站。所以我不知道我怎么能把角度http.get做到我的自我链接?

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

_links.self.href是一个技术链接,告诉应用程序当前resource可能的转换/操作。通过设计,它返回由URI标识的资源的表示。资源可能具有多种可能的表示。 JSON,XML或HTML。

有关超媒体链接的更多信息,请参阅https://books.google.ch/books?id=ZXDGAAAAQBAJ&printsec=frontcover&dq=rest+web+api&hl=en&sa=X&ved=0CDAQ6AEwAGoVChMIi4LXsNjTyAIVTNYUCh2D1QEq#v=onepage&q=rest%20web%20api&f=false

服务器应根据Accept标头返回正确的表示格式。

application/json应该返回JSON。 application/xml应返回XML,text/html应返回HTML格式。

关于你的问题我只是将链接包装在一个函数中,并通过$ http。

获取数据
<a class="btn btn-info pull-right" ng-click="load(fee._links.self.href)">{{ 'FEES_LINK' | translate }}</a>

$scope.load = function(url) {
    $http.get(url).then(function(response) {
         // show data in popup or new page.........
    });
}