AngularJS将模块链接到JSON中的数据

所以我正在用AngularJS构建一个应用程序

我从JSON获取数据。JSON存在于具有标签、x坐标、y坐标和宽度/高度的数据中

我使用我的

controller.js

文件中的代码执行此操作：

function locationController( $scope, $http, getCss) {
    $http.get('file.json').success(function(data) {
        $scope.locations = data;
    });
}

我将其输出到HTML中，如下所示：

<section ng-controller="locationController">
    <ul>
        <div ng-repeat="location in locations" ng-style="location.css()" >
            <p>{{location.label}}</p>
        </div>
    </ul>
</section>

function locationController( $scope, $http, getCss) {
  $http.get('file.json').success(function(data) {
   $scope.locations = data;
 });
  $scope.css = function(location) {
   return getCss.css(location.x, location.y, location.value);
  }
}

---

但是如何将此服务链接到每个位置？

在控制器上公开

getCss

服务，如下所示：

<section ng-controller="locationController">
    <ul>
        <div ng-repeat="location in locations" ng-style="location.css()" >
            <p>{{location.label}}</p>
        </div>
    </ul>
</section>

function locationController( $scope, $http, getCss) {
  $http.get('file.json').success(function(data) {
   $scope.locations = data;
 });
  $scope.css = function(location) {
   return getCss.css(location.x, location.y, location.value);
  }
}

在HTML上：

<div ng-repeat="location in locations" ng-style="css(location)" >
    <p>{{location.label}}</p>
</div>

{{location.label}

正是我想要的！在开始使用angular时真的有困难，在互联网上似乎没有太多好的信息。非常感谢！