как вызвать функцию из тега div в angularjs

0

У меня есть схема сетки карт в моем HTML-коде, чтобы получить/загрузить динамические данные за то же самое, что мне нужно вызвать функцию say loadRoomObjects в теге 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-директиву, которая вызывает в контроллере перкулярную функцию.

2 ответа

0

Является ли ваша проблема такой же простой, как создание переменной Scope для хранения объектов комнаты (т. $scope.room_objects = loadRoomObjects()). Вызовите ng-repeat="roomObject in room_objects" в своем div в HTML-коде

Ctrl:

$scope.room_objects = loadRoomObjects();

HTML:

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

Кроме того, мы можем сохранить наблюдателя в переменной scope_объекта, чтобы синхронизировать HTML с кодом Ctrl.

0

Можете ли вы попробовать вызвать функцию loadRoomObjects используя директиву ng-init.

Директива ngInit позволяет оценить выражение в текущей области.

его можно использовать с div как:

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

Проверьте документы здесь.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню