我有一個使用AngularJS進行視圖的Play框架項目。使用AngularJS和AJAX打開另一個div中的點擊鏈接
主頁面顯示項目列表,它有2列,一個用於項目名稱,另一個用於點擊項目的詳細信息。當它被加載的時候,這個頁面已經有了每一個條目和細節,因爲它被提供了一個包含所有信息的JSON(所以,希望我不需要另一個請求,但是如果需要,我可以這樣做)
這是負責「餵養」的主要頁面JSON控制器:
app.controller("ListCtrl", [ "$scope", "$resource", "apiUrl",
function($scope, $resource, apiUrl) {
var Servicos = $resource(apiUrl + "/servicos");
$scope.servicos = Servicos.query(); //returns a JSON
} ]);
這是我的HTML:
<div class="row">
<div class="col-md-3">
<div class="bs-sidebar hidden-print" role="complementary">
<ul class="nav bs-sidenav">
<li><a href="/create"><i class="fa fa-plus"></i></a></li>
<li ng-repeat="s in servicos | orderBy:'nome'"><a
href="/edit/{{s.id}}"><i class="fa fa-pencil"></i></a><a
href="" id="itemName">{{s.nome}}</a>
</li>
</ul>
</div>
</div>
<div class="col-md-9" role="main">
<div class="bs-docs-section">
<div class="page-header" id="detail">
<!-- servicos details go here -->
</div>
</div>
</div>
</div>
我想請單擊ITEMNAME鏈接,以及詳細信息將顯示在細節 div。
這可能嗎? 如果不是,我必須要求點擊項目的信息,當它被點擊,有人可以給我指示如何做到這一點?我嘗試過,沒有成功,爲AngularJS創建一個基於AJAX的控制器來處理這個問題。 任何幫助將是最受歡迎的!