javascript - ui-utils 手机 mask 不适用于 Ionic 输入

标签 javascript angularjs ionic-framework angular-ui angularjs-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">

enter image description here

  1. 占位符被劫持什么的。如何修复占位符?

  2. 然后,当我输入一些数字时,一切都困惑了,并且注入(inject)了一些占位符文本。如何修复?

  3. 或者,我不需要仅仅为了一件事而使用 ui-utils。 Ionic 有手机 mask 替代品吗? type=tel 对我不起作用,因为它只弹出数字键盘而没有其他内容。

我确实需要显示占位符“输入电话号码”。所以显示 (___) ___ ____ 是行不通的

最佳答案

尝试<input type="text" placeholder="First Name" ui-mask="(999) 999-9999" ng-model="attendee.firstname" ui-mask-placeholder> 。插件的“ui-mask-placeholder”理解这一点很重要。

关于javascript - ui-utils 手机 mask 不适用于 Ionic 输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31152892/

相关文章:

javascript:构造一个比较输入数组并返回一个新数组的函数,该数组包含在所有输入中找到的元素

javascript - ng-hide 隐藏所有图标

javascript - 检查 AngularJS 模板中的对象大小,做错了吗?

javascript - 第一个 Datepicker onchange 第二个日期将自动按 1 年

javascript - 将 javascript 变量传递给 Paypal

javascript - Angular $scope $watch 服务函数返回值

javascript - react + ionic 5 : Tab navigation problems

sqlite - Ionic 2 存储模块说明

ionic-framework - 如何获取ionic框架的版本?

javascript - 从 json 文件构造 bar 的工具提示值