<p dir="auto">Running unit tests in non-Chrome browsers raised some doubts about this API which is currently used in the Date and Currency pipes.</p>
<p dir="auto">To start with, it is not supported in all Safari versions (desktop and mobile) and older browsers:<br>
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl</a><br>
<a href="http://caniuse.com/#search=intl" rel="nofollow">http://caniuse.com/#search=intl</a></p>
<p dir="auto">Then, on browsers which support it, the result doesn't match what Chrome does.<br>
On Firefox, one of the test fires this 2 years old bug: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=866372" rel="nofollow">https://bugzilla.mozilla.org/show_bug.cgi?id=866372</a><br>
On IE11, most tests are failing due to discrepancies in output (formatting, white space, special chars,etc).</p>
<p dir="auto">At the end of the day, it seems only reliable in Chrome, but it is also difficult to polyfill.<br>
So, if anyone has a good solution to that, please speak up!</p>
<p dir="auto">Suggested by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/munificent/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/munificent">@munificent</a><br>
/cc <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/yjbanov/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/yjbanov">@yjbanov</a> , <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/tbosch/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/tbosch">@tbosch</a>, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/vsavkin/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/vsavkin">@vsavkin</a></p>
<p dir="auto">So in this situation <code class="notranslate">templateUrl</code> could be omitted:</p>
<p dir="auto">button.dart</p>
<div class="highlight highlight-source-dart notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="@Component(
  selector: '[my-button]',
  templateUrl: 'button.html'
)
MyButton {}"><pre class="notranslate"><span class="pl-k">@Component</span>(
  selector<span class="pl-k">:</span> <span class="pl-s">'[my-button]'</span>,
  templateUrl<span class="pl-k">:</span> <span class="pl-s">'button.html'</span>
)
<span class="pl-c1">MyButton</span> {}</pre></div>