zoukankan      html  css  js  c++  java
  • AngularJs directive详解及示例代码

    Directive(指令)笔者认为是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元素或CLASS属性或ATTR属性,并且它不只是单单如此,你还可以在它的基础上来操作scope、绑定事件、更改样式等。通过这个Directive,我们可以封装很多公共指令,比如分页指令、自动补全指令等等。然后在HTML页面里只需要简单的写一行代码就可以实现很多强大的功能。一般情况下,需要用Directive有下面的情景:

    1. 使你的Html更具语义化,不需要深入研究代码和逻辑即可知道页面的大致逻辑。
    2. 抽象一个自定义组件,在其他地方进行重用。

    一、Directive的定义及其使用方法
    AngularJs的指令定义大致如下

    angular.module("app",[]).directive("directiveName",function(){
    return{
    //通过设置项来定义
    };
    })
    Directive可以放置于元素名、属性、class、注释中。下面是引用myDir这个directive的等价方式。(但很多directive都限制为“属性”的使用方式)

    <span directive-name="exp">//属性

    <span class="directive-name: exp;">//class

    <directive-name></directive-name>//元素

    //注释 AngularJS入门学习
  • 相关阅读:
    Unity Shader 之 uv动画
    c++源文件后缀名问题
    Unity Shader 之 透明效果
    正则表达式
    Unity Shader基础
    Unity Shader 之 渲染流水线
    2017/11/22 Leetcode 日记
    2017/11/21 Leetcode 日记
    2017/11/13 Leetcode 日记
    2017/11/20 Leetcode 日记
  • 原文地址:https://www.cnblogs.com/theau/p/14145623.html
Copyright © 2011-2022 走看看