Missing translation in js code for Angular Material mdToast

Hey !

In my toast factory, I am looking for a string ‘CLOSE’ to put the translation in a toast. My problem is that it is always marked as [MISSING] when the key and value are in my translation json files !

Here is how I proceed :

function logger($log, $mdToast, gettext, gettextCatalog) {
    var close = "CLOSE";
    close = gettextCatalog.getString(close);
    close = gettext(close);

    var service = {
      showToasts: true,
      error: error
    };

    function error(message, data) {
      message = gettext(message);
      $mdToast.show(
        $mdToast
          .simple()
          .textContent(message)
          .theme('error-toast')
          .action(close) // <-- MISSING
          .highlightAction(true)
      );
      $log.error('Error: ' + message, data);
    };
    return service
}

[clemator]

OK thanks, I understand now. Good day !

[rubenv]

Yes.

Mostly you’d do something like:

$scope.something = gettext("Hello");

<span>{{something | translate}}</span>

That’s the best way to do things, since it’ll update the span if the language changes.

Only use gettextCatalog.getString() if you need a translated version to pass it into e.g. a library (such as $mdToast).