title: Angular formly - make custom template for contact filed with country code
body: <p>I am using Angular formly to create form. I want to create contact field with similar way as showing in below link using <strong>Angular formly</strong>.</p>
  
  <p><a href="http://www.jqueryscript.net/demo/jQuery-International-Telephone-Input-With-Flags-Dial-Codes/?" rel="nofollow">contact filed with country code demo link</a></p>
  
  <p>I have create custom template using angular formly. But I am facing below issues.</p>
  
  <p>1) I am not getting the inserted value within model (key)</p>
  
  <p>2)Value within model sholuld be in below format (+CountryPhonecode) number </p>
  
  <p>ex: +91 9988776655</p>
  
  <p>3)How to apply custom validation.</p>
  
  <p><a href="http://jsbin.com/takutudobe/edit?html,js,output" rel="nofollow">http://jsbin.com/takutudobe/edit?html,js,output</a></p>