AngularJS JSON從文件加載ng-click

目前我想通過使用Angular JS解析文件中的JSON數據來顯示HTML表格，並且它不工作有人可以幫我嗎？AngularJS JSON從文件加載ng-click

，也可以作爲增強我怎樣才能獲得2周的div 2不同的JSON文件

HTML代碼

<html> 
    <div ng-controller="get_controller"> 
     <input type="text" ng-model="accountnumber" name="accountnumber" class="form-control search-query" placeholder="Enter Account Number"> 
     <span class="input-group-btn"> 
      <button type="submit" ng-click="geValues()" class="btn btn-primary">Submit</button> 
     </span> 
    </div> 

    <div ng-controller="get_controller"> 
     <table> 
      <tbody> 
       <tr> 
        <th ng-repeat="list in personDetails">{{list.Name}} 
        </th> 
       </tr> 
       <tr> 
        <td class="features" ng-repeat="list in personDetails">{{list.Location}} 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</html>

角JS代碼

var app = angular.module('myApp', ["ngTable"]); 
app.controller('get_controller', function ($scope, $http) { 

    $scope.geValues = function() { 
     $http({method: 'POST', url: 'posts.json'}).success(function(data) { 
      $scope.post = data; 
      $scope.personDetails = Employee; 
      }) 
    }, 
});

帖子.json（Json文件）

{ 
    "Employee": [ 
    { 
     "Name": "Rocky", 
     "Location": "Office" 
    }, 
    { 
     "Name": "John", 
     "Location": "Home" 
    } 
    ] 
}

來源

2016-09-24 Batman

什麼錯誤？什麼是員工？它應該是數據。 Employee'。 –

@DeendayalGarg 對不起，我有這個代碼，但我錯過了添加Employee = data ['Employee']; 問題是當我點擊按鈕，我能夠在控制檯中獲取數據，但我沒有看到表填充 – Batman

應該是GET請求，您還需要從包含Employee數組的響應對象訪問數據。代碼應該是，

$http.get('test.json').then(function (response){ 
    $scope.post = response.data; 
    $scope.personDetails = response.data.Employee; 
});

，如果你希望它在發生NG單擊，將通話的功能裏面，

$scope.geValues = function() { 
     $http.get('test.json').then(function(response) { 
     $scope.post = response.data; 
     $scope.personDetails = response.data.Employee; 

     }); 
    }

DEMO

來源

2016-09-24 18:23:06 Sajeetharan

仍然不工作.. – Batman

@MaheshGadagi現在檢查 – Sajeetharan

真的謝謝，我能夠獲得數據表但我希望在點擊按鈕後完成。你能幫我嗎 – Batman

AngularJS JSON從文件加載ng-click

回答

相關問題