<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[ ] bug report =&gt; search github for a similar issue or PR before submitting
[x] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[ ] bug report =&gt; search github for a similar issue or PR before submitting
[x] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
There is no simple solution or workaround to add a new named <code class="notranslate">router-outlet</code> at runtime.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
We have a use case where we need to dinamically display modules ( which needs a router ) at runtime.<br>
We have no clue how many modules need to be added. Imagine something like a pluggable framework.</p>
<p dir="auto">We found a solution to 'inject' a <code class="notranslate">router-outlet</code> tag using a <code class="notranslate">ng-template</code> and a <code class="notranslate">ViewContainerRef</code>. But we have issues with the <code class="notranslate">name</code> attribute. Managed to fix this by making our own <code class="notranslate">router-outlet</code> directive, but this is not a good long-term solution.</p>
<p dir="auto">We do not need binding on it, but some way to programatically set the <code class="notranslate">router-outlet</code> name only when it is created. Would be lovely if maybe instead of the <code class="notranslate">@Attribute</code> we could have something that can take a string property instead of a string literal.</p>
<p dir="auto">Note: Not sure if this is a duplicate of : <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="185183664" data-permission-text="Title is private" data-url="https://github.com/angular/angular/issues/12522" data-hovercard-type="issue" data-hovercard-url="/angular/angular/issues/12522/hovercard" href="https://github.com/angular/angular/issues/12522">#12522</a>. We need to only set it when created insted of having it as an <code class="notranslate">@Input</code> ( that would imply binding would work on it )</p>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>

<p dir="auto">creating a messages.xlf using Angular CLI: <code class="notranslate">ng xi18n</code><br>
As i don't need to translate English to English I use the generated file to build the English version<br>
<code class="notranslate">ng serve --aot --locale en --i18n-file src/messages.xlf</code><br>
=&gt; All strings are missing<br>
(i think this comes from empty <code class="notranslate">&lt;target /&gt;</code> in the xfl file)<br>
Same for all other languages. Documentation suggests to copy the messages.xlf to /locale/messages.??.xlf. If I now build the localized version with a incomplete translation, all not translated strings are missing.</p>
<p dir="auto"><strong>Expected behavior</strong></p>

<p dir="auto">I would expect that missing translations show the original string instead of nothing.</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong></p>

<p dir="auto">see Current behavior</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong></p>

<p dir="auto">Keeping all translation files up to date in time is a complicated workflow and then a not translated string is better than a missing string.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>

<ul dir="auto">
<li><strong>Angular version:</strong> 4.0.1</li>
</ul>

<ul dir="auto">
<li><strong>Browser:</strong> Firefox/Chrome</li>
</ul>

<ul dir="auto">
<li>
<p dir="auto"><strong>Language:</strong> N/A</p>
</li>
<li>
<p dir="auto"><strong>Node (for AoT issues):</strong> v6.10.1</p>
</li>
</ul>