zoukankan      html  css  js  c++  java
  • directive中的参数详解

    1. restrict
      E: 表示该directive仅能以element方式使用,即:<my-dialog></my-dialog>
      A: 表示该directive仅能以attribute方式使用,即:<div my-dialog></div>
      EA: 表示该directive既能以element方式使用,也能以attribute方式使用

    2. transclude
      你的directive可能接受页面上的其他html内容时才会用到,建议你先去掉该参数。有些高阶了。

    3. scope
      当你写上该属性时,就表示这个directive不会从它的controller里继承$scope对象,而是会重新创建一个。
    4. templateUrl
      你的directive里的html内容
    5. link
      可以简单理解为,当directive被angular 编译后,执行该方法

    这里你说的没错,link中的第一个参数scope基本上就是你说的上面写的那个scope

    element简单说就是$('my-dialog')

    attrs是个map,内容是你这个directive上的所有属性,例如:你在页面上如果这样写了directive:

    <my-dialog type="modal" animation="fade"></my-dialog>
    

    attrs就是:
    {
    type: 'modal',
    animation: 'fade'
    }

  • 相关阅读:
    JS中attribute和property的区别
    px(像素)、pt(点)、ppi、dpi、dp、sp之间的关系
    计算几何
    动态凸包
    斜率DP题目
    斜率DP个人理解
    后缀数组题目
    CF#190DIV.1
    MANACHER---求最长回文串
    扩展KMP题目
  • 原文地址:https://www.cnblogs.com/xinxingyu/p/4711906.html
Copyright © 2011-2022 走看看