javascript - Angularjs指令从url获取数据

Question

我在 angularjs 中定义了一个指令，它有一个从数据库获取数据的 url。我显示部分代码。我的指令是:

app.directive('getData', function() {

return {
 restrict: 'E',
  scope: {
    url: '@',
    suggestion: '=data'
   },
  controller: ['$scope','$http', function($scope,$http){
    $http.get($scope.url)
      .success(function (data) {
        console.log(data);// display data 
        $scope.Items = data;
      });
   })
  template:
           <li\
          suggestion\
              ng-repeat="suggestion in suggestions track by $index"\
          </li>\
}

现在当我在 html 中创建这样的指令

<get-data url="/public/getEmployee" data="Items"></get-data>

但其中没有数据显示，而指令 Controller 中的相同代码在 angularjs Controller 中可以正常工作。

Answer 1

您正在指令内调用 http 请求并获取指令内的数据，因此您不需要在范围内传递 suggestion 变量。

直接使用模板item in Items track by $index中的Items数组。

在 scope 属性中传递的隔离范围变量用于从外部依赖项获取数据。

你的指令用法应该是

<get-data url="/public/getEmployee"></get-data>