javascript - angularjs如何给input加不能修改的%?

问题描述

问 题

想让用户只能该数字，不能改%，且不能在%号之后写数字

解决方案

这样子的话，把%抽取出来，不要放到你的model上面去，用span或者其他标签显示了，通过css定位的方式，把%移动到input框内部，模拟显示，或者外面用一个div（div1）把input（主要用来输入数字）以及另一个div（div2）（主要用力啊显示%封装起来），然后div1显示边框，input的边框去掉，大概弄成下面这样的效果

HTML主要结构如下

<div class="div_num">
    <input class="num" type="number" ng-model="data">
    <div class="unit">G</div>
</div>

这篇关于javascript - angularjs如何给input加不能修改的%?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！