0

我正在使用 Webpack 开发 Angular 2 应用程序。

我正在 Angular 2 中实现一个管道来使用 google-libphonenumber 格式化电话号码。一切都按预期工作。我对 require 的工作原理不是很了解，即，它就像使用现有的 JS 函数或加载库进行昂贵的操作一样简单。所以我不确定我是否必须在下面的示例中定义管道中的函数PNF之外。phoneUtiltransform

export class PhonePipe implements PipeTransform {
    transform(value: string) {
        let PNF = require('google-libphonenumber').PhoneNumberFormat;
        // Get an instance of `PhoneNumberUtil`.
        let phoneUtil = require('google-libphonenumber').PhoneNumberUtil.getInstance();
        // Add a leading '+' sign if not available. Assumption is all numbers contain country code prefixed.
        let newValue = value.length > 0 && value.charAt(0) != "+" ? "+" + value : value;
        // Format the number.
        let parsedPhoneObj = phoneUtil.parse(newValue, 'US');
        console.log(parsedPhoneObj);
        return phoneUtil.format(parsedPhoneObj, PNF.INTERNATIONAL);
    }
}

将不胜感激任何建议。我的目标是优化应用程序性能。

4

1 回答 1

2

我会做：

import * as libphonenumber from 'google-libphonenumber';

export class PhonePipe implements PipeTransform {
    transform(value: string) {

        let PNF = libphonenumber.PhoneNumberFormat;

        // Get an instance of `PhoneNumberUtil`.
        let phoneUtil = libphonenumber.PhoneNumberUtil.getInstance();

        // Add a leading '+' sign if not available. Assumption is all numbers contain country code prefixed.
        let newValue = value.length > 0 && value.charAt(0) != "+" ? "+" + value : value;

        // Format the number.
        let parsedPhoneObj = phoneUtil.parse(newValue, 'US');

        return phoneUtil.format(parsedPhoneObj, PNF.INTERNATIONAL);
    }
}

您并没有真正使用require打字稿，而是可以使用导入，如图所示。这也为您提供了 1 个导入，而不是像以前一样的 2 个。

于 2017-05-28T14:15:06.177 回答