Как отделить поле кода страны от поля номера телефона с помощью ng-intl-tel-input

Question

Я пытаюсь создать отдельные входы (как на картинке) с помощью ng-intl-tel-input (AngularJS), и я не могу понять, как добавить параметры, как в Jquery версия,

С Jquery я делал как здесь:

<input type="hidden"  id="code" name ="code" value="1" >
<input type="text" id="phone" name ="phone" value="" >

JS

 $("#phone").intlTelInput({
                preferredCountries: ["us", "ca"],
                separateDialCode: true,
                initialCountry: ""
            }).on('countrychange', function (e, countryData) {
                $("#code").val(($("#phone").intlTelInput("getSelectedCountryData").dialCode));

            });

Но все равно у меня было много работы с CSS .....

С AngularJS это как здесь HTML:

 <input type="text" name="tel" id="tel" ng-model="tel" ng-intl-tel-input>

JS

.config(function (ngIntlTelInputProvider) {
    ngIntlTelInputProvider.set({defaultCountry: 'us'}); // where can i add "separateDialCode"?
  });

Интересно, есть ли способ лучше с AngularJS. Спасибо.