Angular 如何在IONIC 3中为intl tel输入创建IONIC组件

如何创建离子3组件？ 或者在爱奥尼亚3中还有其他的模块

---

我将非常感谢您的帮助。

我建议您使用alternative，因为您尝试使用的库是由Javascript编写的，您需要编写一个包装器，这使得实现起来很困难

所以这里有一个使用ng2电话输入的解决方案

步骤1:安装库

npm安装ng2电话输入-保存

步骤2:导入样式

@Import'intl tel input/build/css/intlTelInput.css'

步骤3:从“ng2 tel输入”导入模块
导入{NG2TELPUTMODULE}

步骤4将
ng2TelInput
指令添加到文本字段

<input type="text"
  ng2TelInput
  [ng2TelInputOptions]="{initialCountry: 'in'}"
  (hasError)="hasError($event)"
  (ng2TelOutput)="getNumber($event)"
  (intlTelInputObject)="telInputObject($event)"
  (countryChange)="onCountryChange($event)" />

希望这有帮助
 如果收到错误“无法绑定到'ng2TelInputOptions'，因为它不是'input'的已知属性”。特别是离子型

有两种方法可以解决此问题：

如果您是通过导入模块而不是组件来延迟加载组件/页面：


将
Ng2TelInputModule
添加到该组件/页面模块中的导入

如果您直接在模块中导入组件/页面（非延迟加载）


添加
Ng2TelInputModule
以导入到包含导入页面/组件的模块中
将
Ng2TelInputModule
添加到页面/组件模块的导入中

例如，如果要在声明下导入app.module.ts中的组件/页面，则需要按照步骤2进行操作。
我最近为此编写了一个简单的包，以便在我的一个项目中使用。只是为了将来，如果其他人发现他们处于类似的情况。以下是链接：
无法绑定到“NG2TELPUTOPTIONS”，因为它不是“input”的已知属性。您是否已在页面ModuleEyes中导入NG2TELPUTMODULE，直到现在还没有解决方案！！这里有人在爱奥尼亚3中使用这个模块吗？Neeed Help如果您认为提供的答案解决了您的问题，那么您可以接受答案，以便其他人从中受益，谢谢：）直到现在还没有解决方案：(
telInputObject(obj) {
    console.log(obj);
    obj.intlTelInput('setCountry', 'in');
  }