Javascript Angular formly-为带有国家代码的联系人创建自定义模板

我正在使用Angular formly创建表单。我想用如下链接中所示的类似方式创建联系人字段，使用角度形式

我已经用angular formly创建了自定义模板。但我面临以下问题

1） 我没有在模型（键）中获取插入值

2） 型号内的值应采用以下格式（+CountryPhonecode）编号

例：+919988776655

3） 如何应用自定义验证

---

您需要创建一个自定义模板来包装此类指令：

在谷歌快速搜索后，我得到：

有关自定义模板的更多信息：

第三方指令的示例：

更新 验证通过后，模型已正确更新：

请参阅更新的JSBin：

关于连接到模型的国家代码，我在指令的文档中找不到（）

型号：{{phone}

格式化视图：{{phoneOnlyForm.phone.$viewValue}

实际上，我认为您甚至可以通过使用angular中的指令而不是angular formly来创建“标志代码”输入。不，katmanco，我只想使用angular formly来实现这一点。因为我的另一个表单文件是由angular formly创建的，我想重新使用该文件。@benoror-谢谢你的回复。我已经创建自定义模板使用第一。它工作正常，但我无法获取模型值。请添加一个适当的jsbin示例以方便获取帮助：help.angular-formly。com@benoror-我已经在jsbin@Abhijeet fixed上添加了我的代码，请注意注释，有些问题与指令本身有关，而不是形式上的。别忘了把答案标为正确：）。谢谢贝诺罗！！！我正在尝试使用验证器显示自定义错误消息，但它不工作。是否可以显示自定义错误消息？

<p>Model: {{phone}}</p>
<p>Formated view: {{phoneOnlyForm.phone.$viewValue}}</p>