在$ http.get之后访问对象

时间:2016-03-13 19:31:39

标签: angularjs

$http.get

之后的数据

嗨!

请帮我取字段并分配给新阵列。 以下是我的角度代码:

app.directive("auto1", [ '$http', function( $http) {

    data = $http.get("./php/fetchElement.php").then(function (response) {
      return response.data.records;       
    });

        console.log(data);

   return {
      restrict: 'A',
      link: function() {

        $('#auto1').autocomplete({source:[states]})     
   }
};
}]);

当我在HTML中使用ngrepet但在js ... :((。

1 个答案:

答案 0 :(得分:0)

console.log上的数据变量是promis($ http.get返回一个promise)。一旦解决了promise,$ scope变量将被设置为返回值。

    app.directive("auto1", [ '$http', function( $http) {
    return {
        restrict: 'A',
          scope: {
            data: '=auto1',
            autoUrl: '@'
        },
        link: function(scope,element,attrs) {
            $http.get(scope.autoUrl).then(function (response) {
                scope.data=response.data.records;       
            });
        }
    };
}]);

在您的HTML上:

<ul auto1="data" auto-url="./php/fetchElement.php"><li ng-repeat="item in data">{{data.property}}</li><ul>