美文网首页我爱编程
拆分angular组件注意事项

拆分angular组件注意事项

作者: Leslie_2386 | 来源:发表于2017-10-10 19:48 被阅读0次

拆分代码一般对可维护性是有好处的,但要注意这些事情:

1.从理念上讲,拆的是逻辑而不是文件,如果你把逻辑拆分理清了,拆不拆文件的重要性并不大。如果对可维护性的提升是100%,逻辑的部分至少要占90%。

2.写Angular应用,最重要的事情是分层。很多人写不好Angular代码,原因就是没有分层的观念,所以症状就是controller又大又乱。简单的原则是:

· 远程请求,数据缓存等等一律放进service

· 不得以而产生的DOM操作,一律放进directive(在Angular应用里,需要你手动去操作DOM的场景其实是少了)

·数据的格式化,一律做成filter

·剩下的东西才是controller应该做的事情,在这里,又有一些事情要考虑:

1.视图是需要分块、分层的,如果你控制能力不足,最好把controller和视图块按照一对一的关系维护,每块独都能跑,然后拼起来

2.嵌套的视图,作用域的关系需要好好考虑

3.有一些东西并不应当在视图分块(姑且称为组件)的树状结构里,而是独立在外,跟这部分东西的交互,应当视情况使用service来通信,不要尝试在$scope

相关文章

  • 拆分angular组件注意事项

    拆分代码一般对可维护性是有好处的,但要注意这些事情: 1.从理念上讲,拆的是逻辑而不是文件,如果你把逻辑拆分理清了...

  • angular页面过多之组件拆分

    在页面业务逻辑过多的前提下,如何让页面结构更容易阅读呢,这里就涉及到组件拆分,很简单的实现效果,闲暇之余分享一下 ...

  • Angular组件篇

    Angular组件 一:组件基础 1:什么是组件? 组件(Component)是构成Angular应用的基础和核心...

  • ng2-admin拆分

    拆分样式和公共组件,公共组件拆分时依赖作为参数传入,包括如下组件:

  • Angular 5 自定义文件上传组件(四)

    Angular 5 自定义文件上传组件(一)Angular 5 自定义文件上传组件(二)Angular 5 自定义...

  • 2019-11-03

    angular8 angular ngFor 遍历map 数据 使用keyvalue 管道 angular 在组件...

  • angular2 组件之间传值及事件传递

    简介 angular2及以后的版本(包括angular4)都称为angular。组件之间的传值主要分为父子组件间传...

  • 样式封装&组件间通信

    关于样式 angular 可以将样式封装在组件本身中,不会影响其他组件的样式(默认)Angular 会修改组件的 ...

  • Angular2+ 如何向不关联组件传入数据

    关键词 Angular2+ 前言 众所周知,Angular2+向子组件传递数据用@Input(), 子组件向父组件...

  • vue案例总结------拆分组件

    一、 (1)、拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突。 (2)、实现动态组件:...

网友评论

    本文标题:拆分angular组件注意事项

    本文链接:https://www.haomeiwen.com/subject/wosbyxtx.html