那些年开发中遇到的坑。。。

1.样式继承问题:在angular实际开发中,调用deps配置对应的css-js-html之间的逻辑关系,最好是每个html的页面使用单独的模块命名,名称不要相同,在切换页面的时候,会出现样式的渲染继承问题;

 

2.组件渲染:在不同的应用页面使用不同的分页组件,应用页面切换的时候,组件渲染会出现Bug,主要是pages.total值渲染会不成功,建议此时不做组件内部嵌套,将组件写入html文件内部,这样可以避免该问题;

 

3.在angular开发中,会使用到ng-options来渲染下拉框,很多开发者在实际开发中通常是显示lable值而绑定对应元素的id,我们常用格式是<select ng-options="c.id as c.name for c in personArr" ng-model="personName" ></selsect>,此时会发现渲染时下拉框的第一个选项是空,下拉框默认值也没有,网上大多数建议是使用$scope.personName = personArr[0].name或者是设置默认option为<option value="">--请选择--</option>,这样不能满足大部分需求,因为你会发现前者是不能绑定的,"c.id as c.name for c in personArr"中personName绑定的是id值,而js中你绑定的是name值,此时依然不会显示数组中默认的第一项,本人建议使用如下代码:

html部分:那些年开发中遇到的坑。。。

js部分:

那些年开发中遇到的坑。。。

使用ng-repeat替换

 

 

 

(以上内容纯属个人意见,会不断更新,欢迎各位前辈大佬指导)