Curly brackets visible in browser tab title before Angular initialization

Currently the app translations are loaded when Angular finishes loading. Title is defined in the templates as:

<title>{{'Desktop Application'|translate}}</title>

This result to some curly brackets briefly showing in the browser tab page title, as:

{{ 'Application Desktop'|translate }}

{{ 'Application Mobile'|translate }}

The solution I found was to replace with the following code:

<title ng-bind-template="{{'Desktop Application'|translate}}"> Desktop Application </title>

The default value (here 'Desktop Application' as well) is of course adaptable in each project.

camptocamp / ngeo