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

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替换

 

 

 

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