Angular: Empty Fiddle

http://angularjs.org/

by Mirosław Hajkowski

HTML

<div ng-controller="CandidateCtrl">
   Name: {{displayName(entity)}}
    <hr>
    <input type="text" ng-model="entity.nameFirst">
    <input type="text" ng-model="entity.nameLast">
    <input type="text" ng-model="entity.nameNickname">
</div>

JavaScript

function CandidateCtrl($scope) {
    
    $scope.entity = {};
    
    $scope.displayName = function(entity) {
    
        var name = entity.nameNickname ? entity.nameNickname : entity.nameFirst || '';
        name += " " + (entity.nameLast || '');
        
        if (name.trim() == "") name = "New Candidate";
        return name;
    };
};