2014-09-25 39 views
0

我有一個使用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的控制器來處理這個問題。 任何幫助將是最受歡迎的!

回答

相關問題