[angular] - 自定义指令详解

一、创建

var appModule = angular.module(‘app‘, []);
appModule.directive(‘hello‘, function(){
    return {
        restrict: ‘ECMA‘, //指令使用方式
        template: ‘
hello world.
‘, replace: true }; });

二、具体参数

  • restrict的取值
    * E 元素
    * C class
    * M 注释 directive:hello //一般不用
    * A 属性 默认
  • transclude
  • templateUrl
    directive里的html内容
  • link 当directive被angular 编译后,执行该方法

三、使用


你可能感兴趣的:([angular] - 自定义指令详解)