如何从angularjs中的div标签调用函数答案

【问题标题】：how to call a function from a div tag in angularjs如何从angularjs中的div标签调用函数
【发布时间】：2016-09-11 06:34:13
【问题描述】：

我的 HTML 代码中有一个卡片网格布局，要获取/加载相同的动态数据，我需要在 DIV 标记中调用一个函数，比如 loadRoomObjects，如下面的代码所示

<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 指令来调用控制器中的特定函数。

【问题讨论】：

标签： javascript html angularjs

【解决方案1】：

您可以尝试使用ng-init 指令调用loadRoomObjects 函数吗？

ngInit 指令 允许您评估当前范围内的表达式。

它可以与 div 一起使用，例如：

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

查看文档here

【讨论】：

【解决方案2】：

您的问题是否像创建 Scope 变量来存储房间对象一样简单（即$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 范围变量上保留一个 watcher，以使 HTML 与 Ctrl 代码保持同步。

【讨论】：