在Angularjs使用中遇到的那些坑

Posted 2020-09-12 蜗牛也有春天

最近的一个项目中使用到了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;

 后续更新。。