2017-03-25 9 views
0

저는 각도 j가 새롭습니다. 버튼 클릭시 행 그리드에 행을 삽입하려고합니다. json 객체를 업데이트하는 addNewItems() 함수를 작성했습니다. 하지만 그리드가 업데이트 된 개체를 표시하지 않습니다.각도 jg의 그리드에 행을 삽입하십시오.

<html ng-app="myApp"> 
<head lang="en"> 
<meta charset="utf-8"> 
<title>Getting Started With ngGrid Example</title> 
<link rel="stylesheet" type="text/css" href="script/ng-grid.css" /> 
<link rel="stylesheet" type="text/css" href="script/indexStyle.css" /> 
<script type="text/javascript" src="script/jquery-2.1.4.js"></script> 
<script type="text/javascript" src="script/angular.min.js"></script> 
<script type="text/javascript" src="script/ng-grid-1.3.2.js"></script> 
<script> 
     var myData = [{name: "Moroni", age: 50}, 
        {name: "Tiancum", age: 43}, 
        {name: "Jacob", age: 27}, 
        {name: "Nephi", age: 29}, 
        {name: "Enos", age: 34}]; 
     var app = angular.module('myApp', ['ngGrid']); 
     app.controller('MainCtrl', function($scope) { 
      $scope.gridOptions = { data: myData }; 

      $scope.addNewItem=function() 
      { 
      myData.push({ name: 'Test add ', age:29}); 

      $scope.gridOptions = { data: myData }; 

      };   
      console.log(myData); 
     }); 

     </script> 
</head> 
<div ng-controller="MainCtrl"> 
    <div class="gridStyle" ng-grid="gridOptions"> 
     <button ng-click="addNewItem()">ADD item</button> 
    </div> 
    </body> 
</html> 

답변

0

를 확인하시기 바랍니다 : 여기 내 코드입니다. js에서이 코드를 삭제하십시오.

$scope.gridOptions = { data: myData }; 
0

시도해 볼 수 있습니다.

app.controller('MainCtrl', function($scope) { 
    $scope.data = myData; 
    $scope.gridOptions = { data: 'data' }; 
    ... 
0

이런 짓을 kinjal jethva @,이

app.controller('MainCtrl', function($scope) { 
    $scope.gridOptions = { data: myData }; 

    $scope.addNewItem = function() { 
     $scope.gridOptions.data.push({ name: 'Test add ', age: 29 }); 
    }; 
    console.log($scope.gridOptions.data); 
}); 
0

@Gurkan Yesilyurt 감사 이봐, @anis 프로그래머, @Gaurav을 시도하고이 일을 시작 :

var myData = [{name: "Moroni", age: 50}, 
        {name: "Tiancum", age: 43}, 
        {name: "Jacob", age: 27}, 
        {name: "Nephi", age: 29}, 
        {name: "Enos", age: 34}]; 
     var app = angular.module('myApp', ['ngGrid']); 
     app.controller('MainCtrl', function($scope) { 
      $scope.data = myData; 
      $scope.gridOptions = { data: 'data' }; 

      $scope.addNewItem = function() { 
       $scope.data.push({ name: 'Test add ', age: 29 }); 
      }; 
      console.log($scope.gridOptions.data); 
     });