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是该自定义指令所拥有的控制器

  • 相关阅读:
    004.Jquery库的用法
    update 死锁问题
    Nginx负载均衡模式
    微信公众号开启服务器配置 JAVA
    mybatis plus + AOP 多数据源自动切换
    mybatis plus 快速上手
    mybits 笔记
    java 异步
    node 垃圾回收机制
    常用正则
  • 原文地址:https://www.cnblogs.com/yanglei9308/p/6366387.html
Copyright © 2011-2022 走看看