AngularJS快速入门6--组件化

最新推荐文章于 2020-09-14 16:56:18 发布

有梦才美

最新推荐文章于 2020-09-14 16:56:18 发布

阅读量388

点赞数

分类专栏： angularjs 文章标签： angularjs

本文链接：https://blog.csdn.net/qq_38531689/article/details/70988359

版权

angularjs 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

组件化

    常规网页开发时，往往页面的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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

有梦才美

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS快速入门6--组件化

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

扫一扫