AngularJS 组件化

来源:互联网 发布:爱易编程工具箱 编辑:程序博客网 时间:2024/06/14 07:53

AngularJS组件化

一、组件化:

是将页面中可以重复使用的标签封装成一个组件,方便这一部分UI重复使用,其实它类似于JS中的函数,封装了一部分处理代码,通过函数调用就可以重复使用这些代码,既提高了这些代码的重复使用率;又帮我们提高了工作效率。


二、组件化框架:

<html ng-app="myApp"><head>       <title>组件化框架</title>        <script  src="js/Angular.min.js"></script></head>  <body>     <my-cont></my-cont><script>       var app=angular.module("myApp",[]);       //封装一个简单的组件       app.component("myCont",{          template:"<h1>组件化封装的内容</h1>"        });</script></body></html>
0 0
原创粉丝点击