AngularJS：包含两个字段的ui网格字段_Angularjs_Angular Ui Grid

AngularJS：包含两个字段的ui网格字段

angularjs

AngularJS：包含两个字段的ui网格字段,angularjs,angular-ui-grid,Angularjs,Angular Ui Grid,我需要在ui网格中有一列，它是两个字段的串联，比如“name”和“address”。我如何才能做到这一点？您尝试过这种方法吗控制器 html 这里是另一个工作示例 $scope.myData = [ { fname: "Roger", lname: "Binny", age: 50 }, { fname: "Smith",lname:"kevin", age: 34 } ]; ang

我需要在ui网格中有一列，它是两个字段的串联，比如“name”和“address”。我如何才能做到这一点？

您尝试过这种方法吗

控制器 html

这里是另一个工作示例

$scope.myData = [
                   { fname: "Roger", lname: "Binny", age: 50 },
                   { fname: "Smith",lname:"kevin", age: 34 }
                 ];

angular.forEach($scope.myData, function (row) {
    row.getFullName = function () {
        return this.fname + '-' + this.lname;
    }
});

$scope.gridOptions = {
    data: 'myData',
    columnDefs: [{ field: 'fname', displayName: 'First Name' },
                 { field: 'lname', displayName: 'Last Name' },
                 { field: 'getFullName()', displayName: 'Full Name' },
                { field: 'age', displayName: 'Age' },
    ]
};

  <div class="ngGridStyle" ng-grid="gridOptions"></div>

$scope.myData=[
{fname:“罗杰”，lname:“宾尼”，年龄：50}，
{fname:“史密斯”，lname:“凯文”，年龄：34}
];
angular.forEach（$scope.myData，函数（行）{
row.getFullName=函数（）{
返回this.fname+'-'+this.lname；
}
});
$scope.gridOptions={
数据：“myData”，
columnDefs:[{field:'fname'，displayName:'First Name'}，
{字段：'lname'，显示名称：'Last Name'}，
{字段：'getFullName（）'，显示名称：'FullName'}，
{字段：'age'，显示名称：'age'}，
]
};

<body ng-controller="MyCtrl">
        <div class="gridStyle" ng-grid="gridOptions"></div>
    </body>

$scope.myData = [
                   { fname: "Roger", lname: "Binny", age: 50 },
                   { fname: "Smith",lname:"kevin", age: 34 }
                 ];

angular.forEach($scope.myData, function (row) {
    row.getFullName = function () {
        return this.fname + '-' + this.lname;
    }
});

$scope.gridOptions = {
    data: 'myData',
    columnDefs: [{ field: 'fname', displayName: 'First Name' },
                 { field: 'lname', displayName: 'Last Name' },
                 { field: 'getFullName()', displayName: 'Full Name' },
                { field: 'age', displayName: 'Age' },
    ]
};

  <div class="ngGridStyle" ng-grid="gridOptions"></div>