本文介绍了AngularJs的组件化特性，旨在简化前端开发中重复代码的问题。通过组件化，可以将固定的页面元素如header、footer封装为组件，提高代码复用性。文章通过一个简单的网页布局案例，展示了如何应用组件化来构建头部、内容和页脚部分。
Angular 组件化
常规的网页开发中，页面 header、footer和nav通常都是固定不变的，如果一遍一遍的写就会增加工作量，现在angular的组件化可以很方便的解决这一问题，接下来我就为大家演示一下angular组件化的应用吧~
什么是组件化呢？
简单来说就是将页面上重复使用的标签封装成一个组件，方便这一部分UI重复使用，这个就类似于JS中的函数，封装了一部分处理代码，通过函数调用这些重复使用的代码。
如何应用angular组件化？
我们可以通过一些小案例来了解组件化。
简单的模拟一下网页的布局：头部、内容部分、页脚部分，可以看到主页body标签内只有三个标签，但是可以通过组件化来实现页面的所有内容。
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
最低0.47元/天 解锁文章
扫一扫
6041
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
