A simple ng-bind like this
<div ng-bind="author.Title.Value + ' ' + author.FirstName.Value + ' ' +
author.LastName.Value"></div>
results in
Dr. null Franklin
if author.FirstName.Value is null.
Is there a simple way to replace null by an empty string (I know I can concatenate this string in the controller and return something like FullName, but I'd prefer to do it this way).
you don't need to add code in controller by this way
<div ng-bind="(author.Title.Value||"") + ' ' + (author.FirstName.Value||"") + ' '
+ (author.LastName.Value||"")"></div>
try this
<div ng-bind="author.Title.Value + ' ' + author + ' ' +
author.LastName.Value"></div>
while in the js you put this
if(author.FirstName.Value==null){
$scope.author='';
}else{
$scope.author=author.FirstName.Value
}
The "simplest" way to do this is to move the logic for concatenating your string into the controller. It has the following advantages:
a) It separates the view logic from the controller logic
b) It is easier to read and understand
c) It solves your problem
So, you can have a function in your controller such as:
$scope.getAuthorFullName = function (author) {
var returnValue = '';
if (author.Title.Value) {
returnValue += author.Title.Value + ' ';
}
if (author.FirstName.Value) {
returnValue += author.FirstName.Value + ' ';
}
if (author.LastName.Value) {
returnValue += author.LastName.Value;
}
return returnValue;
};
and in your view, you can have:
<div ng-bind="getAuthorFullName(author)></div>
You could also use something like this:
<input type="text" value="{{ surname == 'null' ? '' : surname }}" />
