angularjs ngModel concatenate properties

<!doctype html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('app', []);
        app.controller('AppCtrl', function ($scope) {
            $scope.customer = { name: 'ozkary', id: '1234' };


            $scope.allInfo = function (data) {
                return data.id + ' - ' + data.name;
            }
        });

    </script>

</head>
<body ng-app="app" ng-controller="AppCtrl">

    <h2>Extended Property - ng-init expression</h2>
    <input type="text" ng-model="customer.info" ng-init="customer.info = allInfo(customer)">
    <h2>Bad - ng-model does not like expressions</h2>
    <input type="text" ng-model="customer.id + ' '+ customer.name">
</body>
</html>

// Code goes here

/* Styles go here */