• AngularJs自定义指令详解(1)


    AngularJs自定义指令时,要求返回一个指令定义对象(Directive Definition Object),该对象可以声明若干属性和方法。下面例子的restrict、template就是其中之一。

    restrict是一个可选的参数,若不声明,则取默认值EA。

    可选值包括:E(元素)A(属性)C(类名)

    混合使用:如:EA,表示既可以作为E也可以作用A。

    例子:

    复制代码
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <script src="../lib/angular-1.3.16/angular.min.js"></script>
        <script src=""></script>
        <title></title>
        <script language="JavaScript">
            angular.module('app',[])
                    .directive('myDirective',function(){
                        return{
                            restrict:'EAC',
                            template:'Hello World!'
    
                        };
                    });
        </script>
    </head>
    <body ng-app="app">
    <my-directive></my-directive>
    <div my-directive></div>
    <div class="my-directive"></div>
    </body>
    </html>
    复制代码

    在Google Chrome查看:

    点击右键-审查元素(或快捷键ctl+shift+i),可以看到:

    注意‘Hello World!’字符串的插入位置。

  • 相关阅读:
    文件路径总结
    git本地仓库关联远程仓库
    webpack-dev-server版本
    box-sizing重置
    事件委托优缺点和实现
    移动端经验总结(持续更新)
    点击其他区域关闭dialog
    css3图片变灰
    安装 ubuntu 后,使用 sed 更换国内源
    在virtualBox中打开vdi(转载)
  • 原文地址:https://www.cnblogs.com/minghui007/p/7160468.html
Copyright © 2020-2023  润新知