Маска телефона ui-utils не работает с ионным вводом

Мне нужно сделать маску телефона (999) 999-9999 как этот пример http://angular-ui.github.io/ui-utils/ но для ввода мобильного приложения Ionic.

UI-Utils прекрасно работает в голом приложении AngularJS: http://plnkr.co/edit/NozbdhtRjaxq1KFYrwLo?p=preview

  <body ng-controller="MainCtrl">
    <input type="text" ng-model="phonenumber" ui-mask="(999) 999-9999">
  </body>

Однако то же самое не работает с Ionic: http://codepen.io/hawkphil/pen/qdxOLW?editors=101

<input type="text" placeholder="First Name" ui-mask="(999) 999-9999" ng-model="attendee.firstname">

  1. Заполнитель получил угон или что-то. Как исправить заполнитель?

  2. Затем, когда я ввожу какое-то число, оно все испортилось, и в него вставили какой-то заполнитель текста. Как исправить?

  3. Кроме того, мне не нужно использовать UI-Utils только для одной вещи. Есть ли альтернатива телефонной маске для Ionic? type=tel не работает для меня, так как выдает только цифровую клавиатуру и ничего больше.

У меня есть необходимость показать заполнитель "Введите номер телефона". Таким образом, показ (___) ___ ____ не будет работать

Источник

1 ответ

Пытаться <input type="text" placeholder="First Name" ui-mask="(999) 999-9999" ng-model="attendee.firstname" ui-mask-placeholder>, Важно, чтобы 'ui-mask-placeholder' для плагина это понимало.

Источник
Другие вопросы по тегам