2016-05-15 29 views
0

我在我的HTML代碼中有一個卡網格佈局,以獲取/加載動態數據爲我需要調用一個函數說loadRoomObjects在DIV標記中顯示下面的代碼如何從angularjs中的div標記調用函數

<div class="card_grid widget uib_w_33 wrapping-col d-margins flex-basis-33" data-uib="layout/card_grid" data-ver="0"> 
     <div class="widget widget-container content-area vertical-col uib-card uib_w_34 section-dimension-34 cpad-0" data-uib="layout/card" data-ver="0"> 
     <h4 class="card-tittle">{{testing(Room)}}</h4> 
      <div class="list-group widget uib_w_38 d-margins" data-uib="twitter%20bootstrap/list_group" data-ver="1"> 
       <a class="list-group-item allow-badge widget uib_w_39" data-uib="twitter%20bootstrap/list_item" data-ver="1"> 
       <p class="list-group-item-text">bed</p> 
       </a> 
       <a class="list-group-item allow-badge widget uib_w_40" data-uib="twitter%20bootstrap/list_item" data-ver="1"> 
       <p class="list-group-item-text">Stove</p> 
       </a> 
       <a class="list-group-item allow-badge widget uib_w_41" data-uib="twitter%20bootstrap/list_item" data-ver="1"> 
       <p class="list-group-item-text">Tap</p> 
       </a> 
      </div> 

     </div> 

我不知道如何使用AnjularJS給定的指令,因爲我無法找到實現這一目標的適當NG-指令,它調用一個控制器中的perticular功能。

回答

0

您可以嘗試使用ng-init指令調用loadRoomObjects函數。

ngInit指令允許您在當前範圍中計算一個表達式

它可以用DIV等一起使用:

<div ng-init="loadRoomObjects()" ></div> 

檢查文檔here

0

是你的問題那麼簡單,建立一個範圍變量存儲室的對象(即... $scope.room_objects = loadRoomObjects())。在HTML代碼在你的DIV呼叫ng-repeat="roomObject in room_objects"

Ctrl鍵:

$scope.room_objects = loadRoomObjects(); 

HTML:

<div ng-repeat="room_object in room_objects" class="card_grid widget ..."> 
....  
</div> 

此外,我們可以保持一個觀察家room_objects範圍變量保持HTML與Ctrl代碼同步。

相關問題