У меня есть схема сетки карт в моем 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-директиву, которая вызывает в контроллере перкулярную функцию.
Является ли ваша проблема такой же простой, как создание переменной 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.
Можете ли вы попробовать вызвать функцию loadRoomObjects
используя директиву ng-init
.
Директива ngInit позволяет оценить выражение в текущей области.
его можно использовать с div как:
<div ng-init="loadRoomObjects()" ></div>
Проверьте документы здесь.