zoukankan      html  css  js  c++  java
  • Angularjs中link函数参数含义小节

      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就是return中得scope属性

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

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

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

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

  • 相关阅读:
    使用element-ui是下拉筛选选择
    vue 组件传值
    vue element 地址联动的使用
    vux scroller
    实时监听组件中路由的变化
    vuex的使用
    对移动端滚动高度的获取
    【转】ACM 取石子问题
    【转】ACM博弈知识汇总
    EOJ 2857 编辑距离
  • 原文地址:https://www.cnblogs.com/xujie520/p/5641015.html
Copyright © 2011-2022 走看看