自定义

自定义指令：

<!--元素-->
<my-game></my-game>
<!--Class-->
<div class="my-game"></div>
<!--属性-->
<div my-game></div>
<!--注释-->
<!--directive:my-game -->

app.directive('myGame',function(){
    return{
        template:'<h1>自定义指令</h1>',
        restrict:'EACM',
        replace:true
    }
})

自定义指令：
restrict:'EACM'
E-->Element 元素
A-->Attribute 属性
C-->Class
M-->Comment 注释（在指令中添加一个属性：replace:true）

新指令的命名：
①驼峰式
②前缀一般是公司或者项目的简写，后缀一般是指令的作用
③使用指令:myGame--->myGame

自定义传参

---

 

<div my-game="" test-Name="Liang"></div>
<script>
    var app = angular.module('myApp', ['ng']);
    app.controller('myCtrl', function ($scope) {

    });
    app.directive('myGame',function(){
        return {
            template:'<p>hello{{testName}}</p>',
            scope:{
                testName:'@'
            }
        }

总结：如果要参数的传递，需要在创建指令的时候，加上scope，同时指定对应的属性的名称（testName），在使用指令的时候，需要加上对应的属性（test-name=''）