Мне нужно отобразить результаты для моего forEach на моем HTML

Question

Я настраиваю страницу администратора для своего веб-сайта и использую forEach для циклического перебора таблицы, но я не знаю, как отобразить результат в HTML.Вот что у меня есть:

(new LocationSvc()).$getLocations()
    .then(function (data) {
      console.log(data);
      $scope.Locations = data.value;
      angular.forEach($scope.Locations, function (loc) {
        console.log(loc.Id +" " + loc.Name + " " + loc.PhoneNumber);
        locationList = loc.Id + " " + loc.Name + " " + loc.PhoneNumber;
      })

Я хочу отобразить идентификатор, имя и номер телефона в списке для последующего редактирования.

Answer 1

Поскольку в вашем JavaScript установлено $scope.Locations, вы просто должны иметь возможность обращаться к нему и циклически перебирать его с помощью ng-repeat в своем HTML-шаблоне, связанном с этим контроллером.

<table>
    <thead>
        <tr>
            <td>ID</td>
            <td>Name</td>
            <td>Phone Number</td>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="loc in Locations">
            <td>{{loc.Id}}</td>
            <td>{{loc.Name}}</td>
            <td>{{loc.PhoneNumber}}</td>
        </tr>
    </tbody>
</table>