angularjs1.x 性能优化笔记

1.bind-html

父级页面如果使用bind-html进行绑定子级组件

例如：

<div bind-html='vm.template1'>

<div bind-html='vm.template2'>

<div bind-html='vm.template3'>

如果需要根据某个属性判断是否展示对应vm.template（子级组件）务必将ng-if放置到外部的div上，而不是内部的顶层div里面

例如：

template1.html文件,这里写ng-if 会导致内部dom节点还是会被挂载到htm里面

<div ng-if="vm.show"> ... </div>

 

最好写到父级上

例如：

<div ng-if="vm.show" bind-html='vm.template1'>

 

 

 

2.ng-repeat循环卡顿

解决方案1：在循环中使用track by $index

解决方案2：循环中尽量少添加数据绑定（anguarjs在2000个数据绑定以上时会出现性能问题），或者event事件