In angular js why does this javascript replace method to replace &nbsp works on the controller side but not on the template side

Question

Template angular expression:

<h2 style="white-space:normal">
    {{notification.noti_val.replace(/\&nb\s*sp;/g, ' ')}}
</h2>

does not work

function TodoCtrl($scope) {
    $scope.notification = 'ujjal saha share own wall';
    $scope.notif = notification.noti_val.replace(/\&nb\s*sp;/g, '') 
} 

works

Answer 1

This does not work because angular expressions are not exactly same as javascript expressions . In your example you are trying to create a regular expression and evaluate it. As mentioned on angular documentation angular expressions do not allow No RegExp Creation With Literal Notation . And since angularjs expressions are forgiving no error is thrown but your code doesn't work silently

Answer 2

Why not just create a filter? As stated by @AdityaSingh above, angular expressions are not exactly like JavaScript expressions, which is why filters were created.

JS:

angular.module('MODULE_NAME').filter('stripSpaces', function() {
    return function(input) {
        return input.replace(/\&nb\s*sp;/g, '');
    }
}

HTML:

{{notification.noti_val | stripSpaces}}

Answer 3

Look at your code closely.

$scope.notification = 'ujjal saha share own wall';
$scope.notif = notification.noti_val.replace(/\&nb\s*sp;/g, '');

You have $scope.notification = but later try to edit notification.noti_val