【问题标题】：Angular formly - make custom template for contact filed with country codeAngular formly - 为带有国家代码的联系人制作自定义模板
【发布时间】：2015-12-18 00:17:52
【问题描述】：

我正在使用 Angular 来创建表单。我想使用 Angular formly 以与以下链接中所示类似的方式创建联系人字段。

contact filed with country code demo link

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

1) 我没有得到模型（键）中的插入值

2) 模型内的值应为以下格式（+CountryPhonecode）数字

例如：+91 9988776655

3)如何应用自定义验证。

http://jsbin.com/takutudobe/edit?html,js,output

【问题讨论】：

实际上，我认为您甚至可以通过使用 angular 指令而不是使用 angular-formly 来创建“标志代码”输入。
没有 katmanco，我只想使用 Angular 来实现这一点。因为我的其他表单文件是由 angular formly 创建的，我想重用该文件。

标签： javascript angularjs angular-formly

【解决方案1】：

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

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

https://github.com/mareczek/international-phone-number

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

角度形式的 3rd 方指令示例：

更新

模型在验证通过时正确更新：

查看更新的 JSBin：http://jsbin.com/nuzize/edit?html,js,console,output

关于连接到模型的国家代码，我在指令的文档中找不到它（See mareczek/international-phone-number's Demo）

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

【讨论】：

@benoror- 感谢您的回复。我已经使用第一个 link 创建了自定义模板。它工作正常，但我无法获得模型价值。
请添加适当的 jsbin 示例以方便获取帮助：help.angular-formly.com
@benoror- 我已经添加了我的代码 jsbin link
@Abhijeet 已修复，请注意 cmets，一些问题与指令本身有关，而不是角度形式。不要忘记将答案标记为正确:)。
谢谢贝诺罗！！！我正在尝试使用验证器显示自定义错误消息，但它不起作用。是否可以显示自定义错误消息？