AngularJS快速入门6--组件化

来源:互联网 发布:上海unity3d培训学校 编辑:程序博客网 时间:2024/05/21 06:38

组件化

    常规网页开发时,往往页面的header和footer一样,那么把这些公共的ui组件提取出来,更方便重复使用和维护。组件化就是将页面中可以重复使用的标签封装成一个组件,类似于js中的函数,封装了一部分处理代码,通过函数调用就可以重复使用这些代码。

封装一个简单的组件

<html ng-app="my">    <page-header></page-header>    <script>        app.component("pageHeader",{            template:"<h2>尊敬的用户{{username}},欢迎访问本系统</h2>",            controller:function($scope){                $scope.username="x某某";            }        });   </script></html>
0 0
原创粉丝点击