I am currently working with the Angular UI Grid. The HTML code snippet in my file looks like this.
<div ui-grid="gridOptions"></div>
In my controller, I have the following JavaScript code.
$scope.values = [{ id: 0, name: 'Erik' }];
$scope.gridOptions = {
data: $scope.values
}
Upon loading the page, the initial data is successfully displayed in the grid. However, I encountered an issue when attempting to update the data. Unfortunately, the changes are not reflected in the grid. Specifically, the following code will not update the grid. Why?
$scope.values = [{ id: 100, name: 'Test' }];