Wijmo 5 [Flex Grid]

Combine two properties in a column

HTML

<link rel="stylesheet" href="http://cdn.wijmo.com/5.20162.188/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.20162.188/controls/wijmo.min.js"></script>
<script src="http://cdn.wijmo.com/5.20162.188/controls/wijmo.input.min.js"></script>
<script src="http://cdn.wijmo.com/5.20162.188/controls/wijmo.grid.min.js"></script>
<script src="http://cdn.wijmo.com/5.20162.188/interop/angular/wijmo.angular.min.js"></script>
 <div ng-app="app" ng-controller="appCtrl">
        <wj-flex-grid items-source="data" cell-edit-ended="init(s,e)">
            <wj-flex-grid-column header="Name"  binding="firstName" width="*">
                <wj-flex-grid-cell-template cell-type="Cell">{{$item.firstName}} {{$item.lastName}}</wj-flex-grid-cell-template>
                <wj-flex-grid-cell-template cell-type="CellEdit"><input type="text"  ng-model="$value" /> <input type="text" ng-model="$item.lastName" /></wj-flex-grid-cell-template>
            </wj-flex-grid-column>
            <wj-flex-grid-column header="Address" binding="address"></wj-flex-grid-column>
        </wj-flex-grid>
    </div>

JavaScript

Zhen  var employees = [
            { firstName: 'Adam', lastName: 'Andrew', address: 'New York' },
            { firstName: 'Ai', lastName: 'Zhen', address: 'China' },
            { firstName: 'Vijender', lastName: 'Singh', address: 'India' },
            { firstName: 'Yuki', lastName: 'Sora', address: 'Japan' },
            { firstName: 'Peter', lastName: 'Andrew', address: 'London' }
        ];
        var app = angular.module('app', ['wj']);
        app.controller('appCtrl', function ($scope) {
            $scope.data = employees;
            $scope.init = function (s, e) {
                console.log(s);
            };
        });