zoukankan      html  css  js  c++  java
  • Angular的自定义指令-个人总结

            Angular的directive自定义指令服务使得Angular变得更加灵活,那么它有什么特点和优势呢?能干什么呢?这肯定是我们拿到一个问题的时候首先要考虑的问题,那么我们开始介绍它的功能和特点。

    一、用在何处?

            利用自定义指令我们可以将项目的公共部分单独提取出来

    二、有何优势?

            增强代码复用性以及便于进行代码维护和升级。

    三、格式是何样?

            

    angular.module("directives",[])
    .directive("myHeader",function () {
        return {
            restrict:"EA",
            templateUrl:'template/header.html',
            replace:true,
            transclude:true,
            scope:{
                active:"@active"
            },
            controller:function ($scope) {
            }
        }
    });
    

      

      其中(1)restrict代表的是指令的类型,拥有A属性,E标签,C是class,M是注释四中类型,具体场景具体应用,也可以混合使用四个都用上!

          (2)template是模板,可以写成“<div>我是一个标签模板</div>”,也可以像以上代码中所示的利用templateUrl引用外部的html模板,可见其强大与灵活之处!

        (3)replace:true 代表使用模板代替原标签(尤其注释指令M必须加)!

        (4)scope是该自定义指令拥有的自己的作用域

        (5)controller是该自定义指令所拥有的控制器

  • 相关阅读:
    jQuery邮箱验证
    查看图片前进后退效果
    jQuery实现全选与反选
    jQuery在p前后添加节点
    jQuery中的fadeIn、fadeOut、fadeTo的应用
    jQuery中图片隐藏效果的所有方法
    jQuery中animate的应用(图片自动移动)
    jQuery图片复制
    N!具体数值有多少位数字
    顺序队列的初始化,建立,插入,查找,删除。
  • 原文地址:https://www.cnblogs.com/yanglei9308/p/6366387.html
Copyright © 2011-2022 走看看