How to show special character like '&' in placeholder attribute?

So the text is ‘Cities & Suburbs’ in json. And I want to show exactly that in HTML for placeholder attribute.

I tried to do the followings but still got Cities & Suburbs on the screen

<input translate translate-attr-placeholder="{{translationId}}"/>
OR
<input placeholder="{{translationId | translate}}"/>

I know one solution is to change $translateProvider.useSanitizeValueStrategy('sanitize'); to $translateProvider.useSanitizeValueStrategy(); but this will make the application vulnerable.

Any other suggestions?

[artuska]

Just turn off the sanitize strategy 'cos it is totally broken:

angular.module('app').config(function($translateProvider) {
    $translateProvider.preferredLanguage('en');
    $translateProvider.useSanitizeValueStrategy(null);
});

[adeopura4]

Hi artuska - Could you clarify what is the impact of changing the sanitize strategy?