Ionic 2，在iOS上使用Angular 2管道中断—“找不到变量:Intl”

Question

{{ .0237| percent:'1.2-2' }}

它在Chrome上运行时有效，但当我部署到iOS设备时，它会抛出以下错误：

还有其他人遇到过这个问题吗？任何建议或帮助都将不胜感激！谢谢

Answer 1

或者另一种解决方案是自己编写这些管道。例如，对于日期，您可以使用 moment.js，或者下面是货币管道的示例：

import { Pipe, PipeTransform } from '@angular/core'

@Pipe({ name: 'currency' })

export class CurrencyPipe implements PipeTransform {
    constructor() {}

    transform(value: string, currencyString: string ) { 
        let stringOnlyDigits  = value.replace(/[^\d.-]/g, '');
        let convertedNumber = Number(stringOnlyDigits).toFixed(2);
        return convertedNumber + " " + currencyString;
    }
} 

Answer 2

对此有一个快速的解决方法。增加

<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en"></script>

到您的索引。之前的html文件

请参阅此github答案 https://github.com/angular/angular/issues/3333#issuecomment-203327903

Answer 3

这是因为它依赖于内化API，而内化API目前并不是在所有的浏览器中都可用(例如不是在iOS浏览器上)。

请参见兼容性表。

这是一个已知问题(beta.1)。

您可以尝试对Intl使用polyfill。

为此，您可以使用CDN版本，并将其添加到index.html中：

<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.en"></script>

或者，如果您使用Webpack，您可以安装带有NPM的Intl模块:

npm install --save intl

import 'intl';
import 'intl/locale-data/jsonp/en';