title: how to call a function from a div tag in angularjs
body: <p>I have a card grid layout in my HTML code, to get/load the dynamic data for the same I need to call a function say loadRoomObjects in the DIV tag as shown in the below code </p>
  
  <pre><code>&lt;div class="card_grid widget uib_w_33 wrapping-col d-margins flex-basis-33" data-uib="layout/card_grid" data-ver="0"&gt;
        &lt;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"&gt;
          &lt;h4 class="card-tittle"&gt;{{testing(Room)}}&lt;/h4&gt;  
              &lt;div class="list-group widget uib_w_38 d-margins" data-uib="twitter%20bootstrap/list_group" data-ver="1"&gt;
                &lt;a class="list-group-item allow-badge widget uib_w_39" data-uib="twitter%20bootstrap/list_item" data-ver="1"&gt;
                  &lt;p class="list-group-item-text"&gt;bed&lt;/p&gt;
                &lt;/a&gt;
                &lt;a class="list-group-item allow-badge widget uib_w_40" data-uib="twitter%20bootstrap/list_item" data-ver="1"&gt;
                  &lt;p class="list-group-item-text"&gt;Stove&lt;/p&gt;
                &lt;/a&gt;
                &lt;a class="list-group-item allow-badge widget uib_w_41" data-uib="twitter%20bootstrap/list_item" data-ver="1"&gt;
                  &lt;p class="list-group-item-text"&gt;Tap&lt;/p&gt;
                &lt;/a&gt;
              &lt;/div&gt;
  
        &lt;/div&gt;
  </code></pre>
  
  <p>I am not sure how to achieve this using the given directives in AnjularJS, as I could not find a suitable ng-directive which call a perticular function in the controller. </p>