Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将动态字段添加到ui网格标题名称字段_Javascript_Angular - Fatal编程技术网

Javascript 如何将动态字段添加到ui网格标题名称字段

Javascript 如何将动态字段添加到ui网格标题名称字段,javascript,angular,Javascript,Angular,只有一个字段名Users的网格,要求在ui网格中显示用户(用户数)标题名。我怎么能得到那个 这是我的JS文件代码: var userCount= response.usercount; columnDefs: [{ name: 'Users', // Along with Users i want count also width: '25%',

只有一个字段名Users的网格,要求在
ui网格中显示用户(用户数)
标题名。我怎么能得到那个

这是我的JS文件代码:

  var userCount= response.usercount;

      columnDefs: [{
                    name: 'Users', // Along with Users i want count also
                    width: '25%',                        
                    cellTemplate: 'beacon-template'
                },

我怎样才能得到它?

您可以随时更改标题文本。听起来您可以将手表设置为计数值,然后执行以下类似操作:

$scope.$watch('yourCountValue', function(newVal){

  $scope.gridOptions.columnDefs[0].displayName = 'Users(' + newVal + ')';

  $scope.gridApi.core.notifyDataChange(uiGridConstants.dataChange.COLUMN);
})
在您的情况下,代码可能会有所不同。例如,您可以改为查看$scope.data的更改,并使用$scope.data.length对displayName进行加密。您可以选择标题,索引将是1而不是0,以此类推

更新答案:您是否忘记注入ui.grid和uiGridConstants

var app = angular.module('myApp', ['ui.grid']);

app.controller('appCtrl', ['$scope', 'uiGridConstants', function($scope, uiGridConstants) {

  $scope.gridOptions = {

    columnDefs: [
        {field: 'field1', displayName: 'User 1'},
        {field: 'field2', displayName: 'User 2'},
    ],

    data: [
      { field1: "user 1", field2: "bar"},
      { field1: "user 2", field2: "bar"},
      { field1: "user 3", field2: "bar"}
    ],

    onRegisterApi: function(gridApi) {
      $scope.gridApi = gridApi;
    }
    };
    //put the watch here
    /...
}]);

你能给出一个更详细的例子吗?我有一个ui网格,它有一些列,标题名为Users、Firstname、Latname、Address。在标题中的用户列中,我需要用户(用户数)标题名称中的用户数以及用户数。我有一个动态的计数值。如何显示标题名users?我在标题名users中添加了一个图像,这将帮助您更好地理解。您能给我更多的代码吗?听起来你要么没有注入ui网格模块,要么没有注册gridApi