在Angularjs使用中遇到的那些坑

最近的一个项目中使用到了angularjs和typescript的组合,虽然做法趋向于angular2但是实际中还是angularjs1的问题。

①,关于radio按钮的使用用遇到一个坑,明明确认数据的绑定ng-model的设定是没有问题的,但是就是无法正常的显示值,radio始终是无法选择的状态。起初我一直怀疑是数据的绑定类型不对,于是着手去查数据的绑定类型,可是后来发现绑定的内容和我后台输出的内容是一样的,于是在这个判定的路上是走不通的。后来我在考虑,是不是因为radio的分组乱了才导致的绑定失效了,接着从这个思路出发,结果发现对于这个radio的name果然有重名的定义存在,于是试着去修改了一下,结果还是令人满意的,于是在作为技术支持专业填坑的道路上,又填上了一个。

②,textarea默认是过滤掉空格的,因为在它自己的属性设定里有一个属性ng-trim默认是TRUE。所以如果想要保证textarea的设定值不过滤的时候需要手工把ng-trim设定为FALSE。

③,如果是在angularjs的基础上结合typescript进行设定的时候,如果要采用jQuery的方式去获取textarea的行数,那我们需要做点准备工作。

    首先在开头的地方,代码如下:

interface  IEOnlyHTMLElement extents HTMLElement {
     createTextRange?():Range;
}
let temp: IEOnlyHTMLElement = angular.element('#id')[0];
let range:Range = temp.createTextRange();
let num = range.getClientRects().length;

 后续更新。。

原文地址:https://www.cnblogs.com/xiaoxiaochengxuyuan/p/6746941.html